Question

我在一个页面上有2个滑块的问题，因为首先使用jQuery 1.9.1和第二个1.5.1，我找到了如何解决这个问题，但它并不想工作。

我做对了：

<script type="text/javascript" src="jquery/js/jquery-1.5.1.min.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script>var $j = jQuery.noConflict(true);</script>
    <script>
      $(document).ready(function(){
       console.log($().jquery); // This prints v1.5.1
       console.log($j().jquery); // This prints v1.9.1
      });
   </script>

<script src="js/jquery.slides.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    $j(function() {
      $j('#slides').slidesjs({
        width: 950,
        height: 364,
        navigation: {
          effect: "fade",
          active: false
        },
        pagination: {
          active: false,
          effect: "fade"
        },
        effect: {
          fade: {
            speed: 1500
          }
        },
        play: {
            effect: "fade",
            auto: true,
            pauseOnHover: true
        }

      });
    });
  </script>
<link type="text/css" href="jquery/css/blitzer/jquery-ui-1.8.11.custom.css" rel="stylesheet" /> 

<script type="text/javascript" src="jquery/js/jquery-ui-1.8.11.custom.min.js"></script>


<script type="text/javascript" src="scripts/jquery.nivo.slider.pack.js"></script>


<div id="main">
<script  type="text/javascript">
        $(function() {
            $( "#dateFrom" ).datepicker({ dateFormat: 'dd.mm.yy',minDate: +0, maxDate: '+8M +10D',monthNames: ['Styczeń','Luty','Marzec','Kwiecień','Maj','Czerwiec','Lipiec','Sierpień','Wrzesień','Październik','Listopad','Grudzień'],dayNamesMin: [ 'Nd','Po', 'Wt', 'Śr', 'Cz', 'Pt', 'So']});
        });
        $(function() {
            $( "#dateToo" ).datepicker({ dateFormat: 'dd.mm.yy',minDate: +1, maxDate: '+8M +10D',monthNames: ['Styczeń','Luty','Marzec','Kwiecień','Maj','Czerwiec','Lipiec','Sierpień','Wrzesień','Październik','Listopad','Grudzień'],dayNamesMin: [ 'Nd','Po', 'Wt', 'Śr', 'Cz', 'Pt', 'So']});
        });     

        $(window).load(function() {
            $('#slider').nivoSlider();
        });
</script>

任何人都知道它为什么不起作用？当我尝试使用jQuery版本的警报时，它显示了属性，但是当我在滑块中使用它时，它并没有

Answer 1

在您的某个jquery上方使用<script>jQuery.noConflict();</script>，并将$替换为jQuery

像

<script type="text/javascript" src="jquery/js/jquery-1.5.1.min.js"></script>
<script>jQuery.noConflict();</script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script> //Now replace this jquery's $ with jQuery

2个滑块在一个页面上具有不同版本的jQuery

1 个答案: