javascript - Jquery 和 mootools 在 socialengine 中使用滚动方法

Question

根据我的要求..如果我使用 200px 向下滚动。我应该在页面顶部显示一个 div，它会粘在那里。我使用的 jquery 在我的个人电脑上运行良好。我把同样的东西放在我工作的电脑上，它不能正常工作并显示

error (Uncaught TypeError: Object function (el, nc){
    return document.id(el, nc, this.document);
} has no method 'noConflict')

我的 jquery 是:

$.noConflict()
jQuery(window).scroll(function() {

jQuery('#menu1').toggle(jQuery(this).scrollTop() > 350);
});

在我的元素中，我有 Mootools。我认为冲突是随之而来的......任何人都可以确保我的代码......

Answer 1

从您得到的错误中我看到 $ 正在被 Mootools 使用。

使用 jQuery 而不是 $ 应该没问题。所以试试这个:

jQuery.noConflict();
jQuery(window).scroll(function() {
    jQuery('#menu1').toggle(jQuery(this).scrollTop() > 350);
});

您也可以使用 MooTools 来完成:

window.addEvent('scroll', function () {
    var scroll = window.getScroll().y;
    scroll > 350 ? $('menu1').show() : $('menu1').hide();
});

无论如何，请记住 MooTools 使用美元符号通过 ID ($('myID')) 获取元素，您也可以改用它:document.id(' myID')，它们是一样的。