gpt4 book ai didi

Jquery 加载到之前加载的内容之上

转载 作者:行者123 更新时间:2023-12-01 07:36:34 25 4
gpt4 key购买 nike

尝试使用 jquery 的负载选择注入(inject) DOM 的 html 时遇到问题。如果 ul#links 内容未被替换,则有效,否则无法加载到 #content。

JS

$(document).ready(function() { 

// Load links into tab
$("ul#tabs li a").click(function(){
urlTabs = $(this).attr("href");
console.log(urlTabs);
$("ul#links").load(urlTabs);
return false;
});

// Load content
$("ul#links li a").click(function(){
urlLinks = $(this).attr("href");
console.log(urlLinks);
$("#content").load(urlLinks);
return false;
});

});

HTML

  <ul id="tabs"> 
<li><a href="/tab1">Tab 1 </a></li>
<li><a href="/tab2">Tab 2</a></li>
</ul>
<ul id="links">
<li><a href="/link1">This will load into #div, the others will not</a></li>
</ul>
<div id="content">
<p>Load content in here</p>
</div>

对于 js 新手来说,如果有任何帮助,我们将不胜感激。

最佳答案

当您绑定(bind)“ul#links li a”的点击处理程序时,它仅将其绑定(bind)到与选择器匹配的现有 DOM 节点。 live events绑定(bind)后还将绑定(bind)到动态注入(inject)的元素。:

// Load content 
$("ul#links li a").live("click" ,function(){
//...
});

关于Jquery 加载到之前加载的内容之上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/992575/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com