Question

我成功地将内容从一个名为测试.html的页面上载入到名为page.htm的页面上:

$(document).ready(function(){ 
     $("#reveal").load("test.html");
});

我在页面上放了一个空的 div 。 htm 叫做 , 内容负荷 - 没问题。

在 test. html 中, 我有两个指定文章标题和文章内容的 divs 类 :. artTitle 和. artContent 。在 page.html s cs 文件里, 我显示 : 隐藏 < code>. artContent - 这样所有显示的都是 < code>.artTitles 。然后我要单击“ tggle” 来显示 < code >. artContents 。

我能够让这个 jQuery 进程在线工作( 在同一页), 但装入 html 时会中断。装入我所缺少的时有什么问题呢?

Answer 1

它的切换函数是可能的罪魁祸首, 而不是负载函数。机会是您对一个在内容负荷之前不存在的元素具有约束力。您需要使用 < code> on () 的代表语法, 才能将听众与 # reveal 或其他祖先绑在一起。

Answer 2

好吧,我对jQuery不是专家。事实上,我来到这里,希望得到对基本上相同问题的明确答案。已经给出的答案帮助我指明了正确的方向...我的解决方案是...

我假设你有一些 jquery 功能, 看起来像某事类似,

 $( .trigger ).click(function() { $( .artContents ).toggle(); });

正在通过.load () 装入 HTML 的 HTML 包含要单击的. 触发器, 以切换. art contents, 是? try,

$(document).on( click , .trigger , function() { $( .artContents ).toggle(); });

我真的希望那有帮助。我和你们一起在"绿色新兵"的营地里, 但是这对我有效。我无法解释为什么它有效。也许别人可以。

Answer 3

您需要使用以下的现场活动 :

$( body ).on( click ,  .artTitles , function() { // binding live click to upcoming elements
   var self = this; // keeping reference to clicked title, because this will not catch into the hide callback function due to different scope
   $( .artContents:visible ).hide( // hiding visible contents
    function() { // callback function
      $(self).closest( .artContents ).show(300); // show content corresponding to title
   });
});

友情链接