Question

Mootools的问题打破了我的幻灯片脚本jQuery功能。无法确定发生了什么，但特别是在Firefox中，它正在破坏功能并使我的浏览器无响应。

http://newsite.matthewruddy.com/

任何人都可以告诉我我做错了什么吗？我在适当的地方使用了jQuery.noConflict（）但没有骰子。 Firebug似乎没有显示任何错误，并且当MooTools脚本被禁用时，一切都很好。此外，它似乎在其他浏览器中不那么麻烦，但仍然发生在Safari，Chrome等奇怪的时间。大多数时候它工作正常（非常命中和错过）。

jQuery正在MooTools之前加载，但是在加载MooTools之后，我的插件加载的脚本位于页脚中。无法真正解决这个问题，因为使用Wordpress，这是我只能在使用幻灯片的页面上加载脚本的唯一方法。

Answer 1

问题似乎与load事件发生冲突。 Riva Slider插件会触发对象上的load，但不会触发jQuery load事件，而是触发mootools load。由于某种原因，这会导致mootools一遍又一遍地通过AJAX检索您站点的索引，这导致FF冻结。我会尝试在mootools之前加载jQuery，或者只是转储其中一个。混合框架真的不是一个好主意。

Stack Trace

编辑：另外，你说你在mootools之前加载jQuery，但你没有。 mootools加载在<head>中，而jQuery直到页面底部才加载，就在插件之前。

Answer 2

在Mootools之前使用jquery是一个示例脚本。

<script type="text/javascript" src="jquery-1.3.js"></script>
<script type="text/javascript">
    //no conflict jquery
    jQuery.noConflict();
    //jquery stuff
    (function($) {
        $('p').css('color','#ff0000');
    })(jQuery);
</script>
<script type="text/javascript" src="moo1.2.js"></script>
<script type="text/javascript">
    //moo stuff
    window.addEvent('domready',function() {
        $$('p').setStyle('border','1px solid #fc0');
    });
</script>

<p>This is a paragraph.</p>

Mootools打破了jQuery的功能

2 个答案: