jquery - 在动态添加的 DOM 元素上调用 jquery 方法

Question

该preview变量包含 HTML 代码，如<div id='abc'>...</div>. 我必须为那个 DOM 元素调用一个 jquery 方法，但是下面的代码没有做任何改变。如果将元素动态添加到文档中，则似乎$('#abc').someMethod();没有调用代码。abc我该如何解决？

 $("#pdf-dialog").dialog("option" , 'open' , function() { 
     @if (!string.IsNullOrEmpty(preview))
     {
         <text>
             $("#pdf-dialog").html("@preview");
         </text>
     }
 });
 ...
 @if (!string.IsNullOrEmpty(preview))
 {
     <text>
          $('#abc').someMethod();
     </text>
 }

Answer 1

问题是该方法绑定到文档加载时的匹配元素。由于之后您将元素添加到文档中，因此您需要再次绑定您的方法。通常，您在将元素添加到 DOM 的同一函数中执行此操作。