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绑定文档就绪的所有事件，即。页面加载时这意味着在页面加载完成后添加的元素将不会绑定到该事件。要解决此问题，您还需要动态绑定事件。像这样......

$.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请求，但我的观点仍然存在。

div内容更新后功能有效

1 个答案: