jQuery无法在ajax加载后选择元素

Question

经过大量的研究,我还没有找到答案.我正在使用wordpress主题Twenty Twelve,它似乎通过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为目标缺少什么？

感谢任何可以提供帮助的人!

Answer 1

如果您知道该Id，则无需再次查找，只需选择它即可。

  $(document).on('click', "#header-navigation-link", function () {    
        $("#nav-mobile-wrapper").fadeToggle();
        alert( 'Success!' );
    });