c# - 在 ASP.NET 中，Jquery Toggle 不适用于 fieldset-legend

Question

我有fieldset> 传奇Update Panel。我在图例上使用 jquery 切换，在第一页加载时，它工作正常。

在更新面板中，我有一个按钮，单击它会发生部分回发和一个新的文件集>图例，将打开。

现在 jquery 切换在两个字段集图例上都不起作用。

代码：

   $('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"); });
}