我正在使用WordPress主题TwentyTwelve,它似乎通过ajax请求加载页面。我有一个按钮(#header-navigation-link),可以显示和隐藏页面上的另一个元素。在没有ajax调用的情况下,第一次加载页面时它能正常工作,但是当我导航到另一页并进行ajax加载后,我的程序无法找到#nav-mobile-wrapper。
$(document).on('click', "#header-navigation-link", function () {
$(document).find("#nav-mobile-wrapper").fadeToggle();
alert( 'Success!' );
});
在所有ajax加载的页面中,警报框总是弹出,因此它能够找到按钮,但不是要显示和隐藏的元素。我也尝试了交换两者,所以你可以点击#nav-mobile-wrapper来切换#header-navigation-link,同样的事情会发生,只是相反。
在这个函数中,我漏掉了什么来定位#nav-mobile-wrapper?
感谢任何能提供帮助的人!
$(document).find("#nav-mobile-wrapper").fadeToggle();
或$("#header-navigation-link")
时会发生什么? - Jason Lydon