单个网页中的多个Jquery

时间:2012-02-13 13:23:07

标签: jquery

我正在创建一个Web项目,其中Jquery的第一个用于Fancybox,第二个用于Jquery UI Tabs,但是一次只有一个工作,我必须注释掉一个Jquery然后一个工作。我需要两个JQ来收集。任何人都可以帮助我。我在StackOverflow中看到了一个解决方案,但它无法正常工作。

解决方案表单Stackoverflow

<script type="text/javascript" src="http://example.com/jquery-1.1.3.js"></script>
<script type="text/javascript">
    var jQuery_1_1_3 = $.noConflict(true);
</script>

<script type="text/javascript" src="http://example.com/jquery-1.3.2.js"></script>
<script type="text/javascript">
    var jQuery_1_3_2 = $.noConflict(true);
</script>

然后,代替$('#selector')。function();,你可以执行jQuery_1_3_2('#selector')。function();或jQuery_1_1_3('#selector')。function();。

我的jQuery:

<script type="text/javascript" src="JSS/fancybox/jquery.min.js"></script>
<script>
    !window.jQuery && document.write('<script src="JSS/fancybox/jquery-1.4.3.min.js "><\/script>');
</script>

<script type="text/javascript" src="JSS/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="JSS/fancybox/jquery.fancybox-1.3.4.pack.js"></script>

<link rel="stylesheet" type="text/css" href="JSS/fancybox/jquery.fancybox-1.3.4.css" media="screen" />

<script type="text/javascript">
    $(document).ready(function() {
        $("#various1").fancybox({
            maxWidth: 900,
            closeEffect: 'none',
            'showCloseButton': false,
        });
    });
</script>

<SCRIPT TYPE="TEXT/JAVASCRIPT" SRC="JSS/JQ/jquery-1.6.2.min.js"></SCRIPT>
<SCRIPT TYPE="TEXT/JAVASCRIPT" SRC="JSS/JQ/jquery-ui-1.8.16.custom.min.js"></SCRIPT>
<script>
    $(function() {
        $( "#tabs" ).tabs({
        });
    });
</script>

3 个答案:

答案 0 :(得分:0)

我之前也遇到过这种情况。我认为我所做的是下载最新版本的jquery here并选择你需要支持的所有组件,或者整个事情只包括一个

当你说jquery的注释时,你指的是jquery源代码还是插件?我认为插件可能会以某种方式发生冲突。

祝你好运。

编辑:脚本中的顺序也可能有效。

答案 1 :(得分:0)

使用常见的jQuery版本

注意:这只是一个建议不处理这个问题(我只是建议您可以使用xml维护多个jquery而不是维护所有页面并在您的站点管理员中引用它)

答案 2 :(得分:0)

尝试使用两个版本的jQuery不起作用,因为您无法将引用jQuery_1_1_3等“注入”到框架中;他们会在其中一个地方使用$

您有以下选择:

  1. 找到与fancybox相同的内容;有成千上万的框架,找到替代品应该很简单。

  2. 查找适用于当前版本的jQuery的fancybox版本

  3. 为最新版本的jQuery升级fancybox,让全世界很多人都感到高兴(如果你分享你的作品,那就是这样)。

  4. 使用旧版本的UI标签,该标签适用于fancybox所需的古老jQuery版本。或者找到一个可以满足您需求的不同框架。

  5. 降级UI标签以使用fancybox使用的古老版本的jQuery。

  6. 按此顺序尝试。