当我在侧边栏上选择页面时,我尝试使用下一个脚本加载内容。该脚本运行没有问题:
if(Modernizr.history) {
var newHash = "",
$wrapperTag = $("#main-content"),
contentTag = '#main-content-inside',
activeClass = 'active';
$("#sidebar").delegate("a", "click", function() {
_link = $(this).attr("href");
history.pushState(null, null, _link);
loadContent(_link);
return false;
});
function loadContent(href){
$wrapperTag
.find(contentTag)
$wrapperTag.load(href + " "+contentTag+" ", function(response, status, xhr) {
$("#sidebar a").removeClass(activeClass);
$('#sidebar a[href$="'+href+'"]').addClass(activeClass);
$("#menu").bind('click',function(){
$(this).showSidebar();
});
});
}
这个脚本可以正常工作,我的 HTML 模板看起来像这样:
HTML模板
<div id="sidebar">
<nav>
<ul class="ul-vert">
<li><a href="page1.html">Page 1</a></li>
<li><a href="page2.html">Page 2</a></li>
...
<li><a href="pageN.html">Page N</a></li>
</ul>
</nav>
</div>
<div id="main-content">
<div id="main-content-inside">
<p id="menu">Show / Hide Sidebar</p>
<div class="text desc">(Content)</div>
</div>
</div>
我有一个标签是p#menu作为显示或隐藏侧边栏的选项。这只是有效的直到我加载任何页面然后我就失去了click event.
所以基本上我的问题是:
为什么jQuery在更改内容后丢失事件?
我可以解决这个问题,再次添加 p#menu on加载内容函数,但我想了解 jQuery 是如何工作的。
Thanks!