Question

我有fieldset＆gt; Update Panel中的传奇。我在传奇上使用jquery切换，在第一页加载时，它工作正常。

内部更新面板，我有按钮，点击它部分回发发生＆amp;一个新的字段集＆gt;图例，将打开。

现在jquery切换在两个fieldset-legend上都不起作用。

代码：

   $('fieldset').delegate('legend.test', 'click', function (ev) { ev.preventDefault();  
   $(this).next("div.showhidefsl").slideToggle("fast"); 
   $(this).parent("fieldset").toggleClass("fieldsetborderToggle");
   $(this).toggleClass("active"); });

Answer 1

如果在使用异步回发后这不起作用：

  function pageLoad(){
    $('fieldset').delegate('legend.test', 'click', function (ev) { 
      ev.preventDefault(); 
      $(this).next("div.showhidefsl").slideToggle("fast"); 
      $(this).parent("fieldset").toggleClass("fieldsetborderToggle"); 
      $(this).toggleClass("active"); });
    }

另一个选择是使用异步事件：

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function() {
$('fieldset').delegate('legend.test', 'click', function (ev) { 
          ev.preventDefault(); 
          $(this).next("div.showhidefsl").slideToggle("fast"); 
          $(this).parent("fieldset").toggleClass("fieldsetborderToggle"); 
          $(this).toggleClass("active"); });
    });

代替：

$(document).ready(function(){
//your code
});

Answer 2

使用live（）或on（）事件注册您的代理。

$('fieldset').live('legend.test', 'click', function (ev) { 
  ev.preventDefault(); 
  $(this).next("div.showhidefsl").slideToggle("fast"); 
  $(this).parent("fieldset").toggleClass("fieldsetborderToggle"); 
  $(this).toggleClass("active"); });
}

在ASP.NET中，Jquery Toggle不支持fieldset-legend

2 个答案: