javascript - div 内容更新后有功能工作

Question

我有一个包含内容的 div。当页面加载时，这个函数工作正常。但是，当我使用 javascript 更新包含内容的 div 时，此功能无法正常工作。

谁能帮我弄清楚我应该怎么做才能完成这项工作？

$("textarea.indent").each(function(){
    var indentWidth = $(this).siblings('[class=indent]').width();
    if(indentWidth != null)
    $(this).css('text-indent', (indentWidth+5)+'px');
});

Answer 1

你是在动态加载 $("textarea.indent") 吗？

Jquery 绑定(bind)文档就绪的所有事件，即。页面加载时。这意味着在页面加载完成后添加的元素不会绑定(bind)到该事件。要解决此问题，您还需要动态绑定(bind)您的事件。像这样..

$.ajax{
   ...
   //Some ajax call
   success: function(){
         //Bind event
         $("textarea.indent").each(function(){
              var indentWidth = $(this).siblings('[class=indent]').width();
              if(indentWidth != null)
              $(this).css('text-indent', (indentWidth+5)+'px');
         });
   }
}

添加元素不一定是 ajax 请求，但我的观点仍然成立。