javascript - .load() [从第二页] 函数工作，但不从第二页加载 jquery

Question

我遇到了问题。我有两个页面。在 page1 中，我有 div#content。在此内容中，我使用函数 .load() 从 page2 加载文本 [无论现在的 CSS]，但是 page2 的 jQuery 不适用于内容从第2页加载到第1页(每个页面都链接了jQuery)。感谢所有人的任何想法/解决方案。

这段代码只是为了理解我在说什么。在我的页面中，我有不同的代码，但具有相似的结构。

第1页

<div id="content"></div>

第2页

<div id="text">
    <h1 class="clickme">CLICKME</h1>
    <p class="hide">Lorem ipsum dolor sit amet.</p>
</div>

jQuery

$(document).ready(function(){
     $('#content').load('texts/page2.html #text');

    /// and this is not working on page1 only in page2 \\\
     $('#clickme').click( function(){
                $('.hide').slideToggle(600);                                                                
        }); 
});

Answer 1

代码 $('#clickme').click( function(){ 在文档 page1.html 加载后执行，它向每个元素上的事件添加一个函数因此，当 page2 加载时，该功能不会添加到最初不存在的按钮中。

您应该考虑将 page2 加载后的点击事件与回调函数关联起来:

$(document).ready(function(){
  $('#content').load('texts/page2.html #text', function() {
    $('#clickme').click( function(){
        $('.hide').slideToggle(600);                                                                
    }); 
  });
});

这里是有关加载和回调的文档:http://api.jquery.com/load/