冲突的脚本

Question

我已阅读有关冲突脚本的 Jquery 文档页面。但我不是很了解它。同样，多个 .js 文件存在冲突，并且它们具有相同的启动名称。 （但它们内部并不相同。）

我有一组 .js 用于鱼眼效果。然后我有另一组可拖动的.js。 Draggable 不适用于鱼眼脚本，反之亦然。

These links are for the fisheye effect.

    <script type="text/javascript" src="HandFan/jquery-1.js"></script>
    <script type="text/javascript" src="HandFan/ui_003.js"></script>
    <script type="text/javascript" src="HandFan/ui.js"></script>
    <script type="text/javascript" src="HandFan/effects.js"></script>
    <script type="text/javascript" src="HandFan/ui_002.js"></script>

These files are for draggable.
    <script type="text/javascript" src="Draggable/jquery-1.js"></script>
    <script type="text/javascript" src="Draggable/ui.js"></script>
    <script type="text/javascript" src="Draggable/ui_002.js"></script>

根据我对医生所说的话的理解，

 File1.noConflict();

 // Use script File1 via File1(...)
 File1(document).ready(function(){
   File1("div").hide();
 });

 // Use script File2 with $(...), etc.
 $('someid').hide();

我不确定如何处理多个文件，我敢肯定这说明我对此有多么陌生。

编辑

在网上查看后，我认为使用由 google 托管的单个 jquery.1.3.2.js 文件对我有好处。然而，这并没有奏效。所以看起来我的问题是我需要上面的每个脚本才能使我的效果起作用，这对我来说似乎很浪费。有没有更有效的方法来做到这一点？

Answer 1

我不完全理解为什么您需要多次包含 jQuery。例如，如果您已经在页面上进一步包含了 jQuery，则可拖动插件将可以正常工作。您包含的任何 UI 脚本也是如此。

您的脚本声明可能会像这样更好地工作：

<script type="text/javascript" src="scripts/jquery-1.js"></script>
<script type="text/javascript" src="scripts/ui.js"></script>
<script type="text/javascript" src="scripts/ui_002.js"></script>

<script type="text/javascript" src="HandFan/effects.js"></script>
<script type="text/javascript" src="HandFan/ui_003.js"></script>

可拖动的东西应该可以正常工作，而无需定义自己的一组相同的基础库。

鉴于这可能不适合您，让我们看看是不是 jQuery 文件有问题。

jQuery noConflict() 方法允许您分配不同的变量来调用 jQuery，而不是非常常见的 $ 符号。看看以下是否有效：

var j = jQuery.noConflict();

然后您可以在通常使用 $ 的地方使用字母 j。例如：

j('#myElement').draggable();