是否可以在包含的 HTML 文件中的元素上使用 jQuery？

Question

As title sais, is it possible to use jQuery on an element that is in an included HTML file? either with HTML or jQuery include.

Extra info:

Example: I have A.html and B.html which both includes 1.html

There is an element in 1.html which I dont want to show in A.html but I do want it to show in B.html.

Thanks in advance.

Answer 1

If you load some additional DOMs from external resources, make sure you initiate function after all DOMs loaded, or use global selectors.

Let's suppose you have <div class="foo"></div> loaded after main document finished, to set onclick listener of that element from main document use:

$(document).on('click', '.foo', function() { ... });