动态添加的网页内容 - Jquery选择器无法正常工作

时间:2016-09-02 18:08:17

标签: jquery dynamic

在文档就绪功能中,我动态添加网页内容。添加此内容后,我想选择一个添加的元素,并更改宽度。但是,jquery在ready函数中此时不会选择这些新添加的元素。只有在文档就绪完成后,我才能选择这些元素并使用它们。有解决方案吗?

4 个答案:

答案 0 :(得分:0)

你需要将select放在一个函数中,并在追加数据后调用它

答案 1 :(得分:0)

您可以使用require('./common/common')

代替$(document).ready(function() {});

例如:

$(document).on('event' 'selector', function() {});

$(document).on('click', '.added_item_class', function() { 
 $(this).hide; 
});

这样就不需要加载DOM来使jQuery正常工作。

如需进一步参考,您可以查看方法文档中的jQuery here.

修改

试试这个;

$(document).on('change', '.added_items', function() { 
 $('#item_row').text('blabla');
});

答案 2 :(得分:0)

以这种方式使用ajax / get / post / call:

$.get("somepage.html", function(data) {
  // Use "data" this way
  $(data).find("anySelector");
  // And set correct type, just for sure
}, "html");

答案 3 :(得分:0)

尝试了多种方式,如贡献者所建议的那样,但都没有效果。找到一个解决方案 - 当内容从“desktop.html”页面加载到 div id =“content” 在当前网页中,我将调整大小宽度函数放在完成处理程序中。见下文:     $(“#content”)。load(“desktop.html”,function(){  sizeAll(); //调整此处放置的函数代码 });