【问题标题】:I am using Two libraries on one page and i am getting a conflict only one works at a time我在一页上使用两个库,我遇到冲突,一次只有一个工作
【发布时间】:2012-07-12 14:07:31
【问题描述】:

我在一页上有两个 jquery 项目(滑块和 vticker),一次只能工作一个?我怎样才能让他们一起工作?我在下面添加了指向我的 html 的链接。我是 jquery 新手,请帮忙...

【问题讨论】:

    标签: php jquery html jquery-plugins


    【解决方案1】:

    http://www.pezigns.com/jquery.vticker-min.js - 404 未找到

    ^^ 那将是你的第一个问题。

    另外请注意,您的背景图片接近 2MB - 这太大了,需要一段时间才能下载!您可能应该尝试对其进行网络优化。

    【讨论】:

    【解决方案2】:

    您以完全错误的方式包含您的 JavaScript 库和插件。请将所需的 JavaSript 插件和库上传到您网站根目录的单独文件夹中。我的意思是实际的 .js 文件,你从他们的作者那里下载的那个。

    例如将该文件夹称为“脚本”。

    然后,在您的 CSS 包含项下方,您将使用以下语法包含您的 JavaScript 库:

    <script type="text/javascript" src="/scripts/jquery.js"></script>  
    <script type="text/javascript" src="/scripts/jquery.vticker-min.js"></script>  
    <script type="text/javascript" src="/scripts/any_other_jqplugin_you_have.js"></script>
    

    目前您正在创建一个不存在的 javascript 文件的链接,并且您正在将库纯代码粘贴到您的网页中。这不是一个好方法。

    此外,在加载任何其他依赖它的插件之前,总是首先包含 jQuery 库

    请记住,在页面本身而不是单独的文件中进行插件初始化可能是可以接受的,就像您对 vTicker 所做的那样:

    <script type="text/javascript">
        $(document).ready(function() {
    
            //Do Plugin Initialization here.
    
        });
    </script>
    

    【讨论】:

    • 非常感谢我做了这些调整,然后用它来挑出库 var $j = jQuery.noConflict() 并且它起作用了!非常有帮助的皮特!谢谢!一段时间以来一直在研究该错误,现在很高兴将其修复并继续前进。 :)
    • 您只是初始化错误,很高兴它有所帮助。这是非常基础但很重要的知识,请尽量记住。
    猜你喜欢
    • 1970-01-01
    • 2012-07-10
    • 1970-01-01
    • 2014-09-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-06-27
    相关资源
    最近更新 更多