javascript-jQuery与jquery工具冲突

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-jQuery与jquery工具冲突，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1721字，纯文字阅读大概需要3分钟。

内容图文

我的问题是添加后：

<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>

到我的网站时,像nivoslider这样的插件和其他jquery脚本无法正常工作.

但是为了使下面的代码工作,我需要“ jQuery工具”

<script type="text/javascript"><!--
    function GetAvailProductSizes() {
        $('select#productsize option').remove();
        $('select#productsize').append('<option value=""><? echo $langdata['oneprodpage_selectsize']; ?>...</option>');

        var color = $('#productcolor').val();
        if (color > 0) {
            var availsizes;
            var http_request = new XMLHttpRequest();
            http_request.open( "GET", '<? echo ROOT; ?>/autocompleteavailsizes/?productid=<? echo $thisproduct['id']; ?>&color=' + color, true );
            http_request.send(null);
            http_request.onreadystatechange = function () {
                if ( http_request.readyState == 4 ) {
                    if ( http_request.status == 200 ) {
                        availsizes = eval( "(" + http_request.responseText + ")" );

                        for (var i = 0; i < availsizes.length; i++) {
                            $('select#productsize').append('<option value="' + availsizes[i].id + '">' + availsizes[i].name + '</option>');
                        };
                    } else {
                        alert( "There was a problem with the URL." );
                    }
                    http_request = null;
                }
            };
        };
    }
//-->
</script>

它只有在我包括以下内容时才有效：

<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>

但是如果我这样做,其他jQuery脚本不起作用,我的意思是nivoslider和其他简单的弹出div …

我应该如何解决这个问题？

解决方法:

jQuery Tools包括它自己的jQuery版本.包括一个不包含它自己的jQuery的jQuery工具版本. http://cdn.jquerytools.org/1.2.7/all/jquery.tools.min.js

确保首先包含其他jquery,然后再包含jquery工具,然后再包含其余的jquery.

<script src="jquery.min.js"></script>
<script src="http://cdn.jquerytools.org/1.2.7/all/jquery.tools.min.js"></script>
<script src="nivoslider.js"></script>
...

内容总结

以上是互联网集市为您收集整理的javascript-jQuery与jquery工具冲突全部内容，希望文章能够帮你解决javascript-jQuery与jquery工具冲突所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端