尝试使用 jquery 的负载选择注入 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新手,任何帮助表示赞赏。