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

Question

我有一个问题。我有两个页面。在 page1 我有 div#content。在此内容中，我使用函数 .load() [现在不管 CSS] 从 page2 加载文本，但是 page2 的 jQuery 无法处理内容从 page2 加载到 page1(jQuery 在每个页面中都有链接)。感谢所有的想法/解决方案。

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

Page1

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

Page2

<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/