Question

我有一个背景幻灯片，它使用jQuery 1.9.1，在这里称为“jacksis.js”在body部分，我有另一个子菜单滑块，使用jQuery 1.4.2，因为这里称为“core.js”头部。但是，当我添加jQuery 1.9.1时，1.4.2上的滑块停止工作。我尝试了noConflict（）模式没有成功，jQuery调用而不是“$”。在下面，“ss1_wrapper”使用1.4.2，“cbp_bislideshow”使用1.9.1。我的

可能有什么问题

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=8,9,10,11">

    <link href="index_files/main.css" type="text/css" rel="stylesheet">
    <script src="index_files/core.js"></script>

    <script src="index_files/js/modernizr.custom.js"></script>

    </head>

    <body id="page">    

    <ul id="cbp-bislideshow" class="cbp-bislideshow">
        ...    
    </ul>

    <form class="" name="aspnetForm" method="post" action="index.htm" id="aspnetForm">

    <div class="ss1_wrapper">    
     ......
    </div>

    <script>$(function() {
       $('#slideshow_1').cycle({
            fx: 'scrollHorz',       
            easing: 'easeInOutCirc',
            speed:  1100, 
            timeout: 6000, 
            pager: '.ss1_wrapper .slideshow_paging', 
            prev: '.ss1_wrapper .slideshow_prev',
            next: '.ss1_wrapper .slideshow_next',
            // using the "before" function, we grab the content of the active slide and show it in our custom box overlay
            before: function(currSlideElement, nextSlideElement) {
                var data = $('.data', $(nextSlideElement)).html();
                $('.ss1_wrapper .slideshow_box .data').fadeOut(300, function(){
                    $('.ss1_wrapper .slideshow_box .data').remove();
                    $('<div class="data">'+data+'</div>').hide().appendTo('.ss1_wrapper .slideshow_box').fadeIn(600);
                });
            }
        });

        // not using the 'pause' option. instead make the slideshow pause when the mouse is over the whole wrapper
        $('.ss1_wrapper').mouseenter(function(){
            $('#slideshow_1').cycle('pause');
        }).mouseleave(function(){
            $('#slideshow_1').cycle('resume');
        });

    });</script>

    </form>

    <script src="index_files/jacksis.js"></script>

    <script src="index_files/js/jquery.imagesloaded.min.js"></script>

    <script src="index_files/js/cbpBGSlideshow.min.js"></script>

    <script>$(function() {
            cbpBGSlideshow.init();});
    </script>

    <script type="text/javascript" src="index_files/quant.js"></script>

    </body>

我在1993年第一行core.js（1.4.2）中的firebug中只收到一个错误：

TypeError: jQuery.browser is undefined

并且错误在第4行的该函数中（它在原始文件中的第1993行）

(function($) { 
    $(document).ready( function() {
        // Fix background image caching problem
        if (jQuery.browser.msie) {
            try { 
                document.execCommand("BackgroundImageCache", false, true); 
            } catch(err) {}
        }

如果我尝试了摆脱jQuery冲突的所有可能性，我的代码会出现什么问题？

更新：

我介绍了jQuery 1.7.1并删除了1.4.2和1.9.1，然后现在我的滑块和背景幻灯片再次一起工作但是我的下拉菜单（可以在我的网页www.es上看到） -processing.com）不再工作了。在线版本它正在运行，但是现在，在我正在开发的版本上它根本不起作用。你可以从我的网页上的下拉菜单中了解一下它下面的jQuery函数，以及如何在新的1.7.1中调整它们。

jQuery 1.4.2和1.9.1之间的冲突

0 个答案: