.load() [from second page]函数可以工作，但是不能从第二页加载jquery

.load() [from second page] function work, but dont load jquery from second page

本文关键字：不能 二页 jquery 加载 工作 page second from 函数 load      更新时间：2023-09-26

我遇到了一个问题。我有两页纸。在page1我有div#内容。在这个内容中，我加载文本从page2与一个函数.load()[无论CSS现在]，，但jQuery的page2是不工作的内容从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);                                                                
        }); 
});

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

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

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

下面是关于加载和回调的文档:http://api.jquery.com/load/

相关文章：