javascript - ajaxComplete 不适用于我的 SlideUp

Question

一直在这个网站上工作...

http://redrhinorestoration.com/wp/

但是，当您单击“服务”，然后尝试单击“显示服务”以向上滑动服务时，它不起作用。我在这里发布并获得了一些使用 ajaxComplete 的帮助，因此尝试这样做，但仍然没有启动它向上滑动的代码，但是如果您通过将其输入 URL 直接进入服务页面，则幻灯片可以工作，但由于某种原因我的幻灯片上的关闭按钮不起作用。

这是我的 ajaxComplete 代码，也许有人可以启发我更多如何使其正常工作。我在“进程”页面上也遇到问题，只有当您直接转到该页面时，我的 slider 才不会显示。

  $(document).ajaxComplete(function() {
  showBottom.onclick = function() {
                classie.toggle( this, 'active' );
                classie.toggle( menuBottom, 'cbp-spmenu-open' );
                disableOther( 'showBottom' );
            };

});

它比使用页面转换的任何事情都更令人头痛，我认为我不会遇到此类问题哈哈。

感谢您花时间阅读我的帖子并提供帮助。

Answer 1

加载初始页面时，带有 showBottom 的元素不存在。这会破坏你的代码

showBottom = document.getElementById( 'showBottom' ) // showBottom will be null

这会导致您的代码出现一些异常。为了避免这种情况，您可以使用 jQuery on 来代替 showBottom.onclick = function() {像这样

jQuery(document).on('click', '#showBottom', function() { /* code here */ });

您还尝试使用未定义的 $ 变量 ($( ".services-tagger .ui-link")) 访问 jQuery。要解决此问题，您可以将 jQuery 代码包装在包装器中

(function($){
    /* code using $ here */   
 })(jQuery);