冲突的脚本

时间:2011-04-11 00:20:56

标签: conflict jquery

我已经阅读了有关冲突脚本的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文件对我有好处。但是,这没有用。所以看起来我的问题是我需要上面的每个脚本才能使我的效果工作,这对我来说似乎很浪费。有没有更有效的方法来做到这一点?

1 个答案:

答案 0 :(得分:1)

我不完全理解为什么你需要多次包含jQuery。例如,如果您已经在页面上进一步包含了jQuery,那么draggable插件将正常工作。对于您所包含的任何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();