Question

我遇到了问题。我有两页。在第1页我有 div #content 。在这个内容中，我使用函数 .load（） [无论现在的CSS] 加载来自 page2 的文本，但是第2页的jQuery没有处理内容从第2页加载到第1页（每个页面都链接了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

在加载文档page1.html后执行代码$(document).ready(function(){ $('#content').load('texts/page2.html #text', function() { $('#clickme').click( function(){ $('.hide').slideToggle(600); }); }); });，并在每个元素上添加一个函数到该事件。因此，当page2加载时，该函数不会添加到第一个不存在的按钮中。

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

public class EditEventViewModel
{
    public int EventID { get; set; }
    [StringLength(10)]
    public string EventName { get; set; }
}

以下是有关加载和回调的文档：http://api.jquery.com/load/

.load（）[从第二页]功能工作，但不要从第二页加载jquery

1 个答案: