2013-04-22 62 views
0

我有这样的代码捆绑,单击时按钮,执行代码隐藏表行:烧制代码

<script> 
     $(function hideinstr() { 
      $('tr.parent td').on("click", "input.instr", function() { 
      var idOfParent = $(this).parents('tr').attr('id'); 
      $('tr.child-' + idOfParent).toggle('slow'); 
      }); 
     }); 
</script> 

我想这个代码在默认情况下,当页面执行加载,并让用户点击按钮,如果想透露表格行。当“点击”内置于此代码中时,我该如何做到这一点?

回答

0

您的解决方案从不执行功能hideinstr()。另外,如果您的代码在<head>中执行,请考虑使用$(document).ready。添加额外的括号来执行该功能,或删除周围的功能(功能hideinstr)。

<script> 
    $(document).ready(function hideinstr() { 
     $('tr.parent td').on("click", "input.instr", function() { 
     var idOfParent = $(this).parents('tr').attr('id'); 
     $('tr.child-' + idOfParent).toggle('slow'); 
     }); 
    }()); 
</script> 

<script> 
    $(document).ready(
     $('tr.parent td').on("click", "input.instr", function() { 
     var idOfParent = $(this).parents('tr').attr('id'); 
     $('tr.child-' + idOfParent).toggle('slow'); 
     }); 
    ); 
</script> 

,并执行事件脚本直接使用$('tr.parent td').click();

+0

这会如何在页面加载时触发? – 2013-04-22 22:12:42

+0

该功能在内置的“点击”上执行。点击该按钮后,该功能起作用。请参阅http://www.faithripple.com/index.htm。 – 2013-04-22 22:15:04

+0

你原来的问题不清楚你想要什么。要立即执行隐藏指令部分,请使用'$('tr.parent td')。click();'。然而,你应该做的是改变'$('tr.parent td')。css('display','none');'或直接在元素上改变样式。 – George 2013-04-22 22:18:27