Question

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

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

这是我的ajaxComplete代码，也许有人可以解释一下如何让它正常工作。我也在“处理”页面上遇到问题，只有当您直接转到该页面时，我的滑块才会显示。

  $(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() {代替{/ 1}}

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

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

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

Answer 2

试

$('#element').live('click',function(){
  //code
  });

而不是showBottom.onclick

ajaxComplete不适用于我的幻灯片

2 个答案: