0

我有 4 个元素，一个日期选择器、滑动面板、新闻收录器和一个 JQ Dock。四分之三的工作，但一个不仅适用于 min jQuery 库。例如，下面的脚本都适用于此脚本源。

<script src="Scripts/jquery-1.9.1.js" type="text/javascript"></script>

<script type="text/javascript">

jQuery(function($) {

        // eBusiness Card   

        $('#panelHandle').hover(function() {
            $('#sidePanel').stop(true, false).animate({
                'left': '2px'
            }, 900);
        }, function() {
            jQuery.noConflict();
        });

        $('#sidePanel').hover(function() {
            jQuery.noConflict();
        }, function() {

            jQuery.noConflict();
            jQuery('#sidePanel').animate({
                left: '-223px'
            }, 800);

            }); 
        });

        // Opening Tabbed Content

        // run the jquery ui plugin
        $('.CardHolder > div > a').tabs();

        // grab the url
        var url = document.aboutusCoaches.html;
        // grab the value of the hash
        var hashValue = url.substring(url.indexOf('#')).replace('#', '');

        // check to make sure it is a number
        if (!isNaN(hashValue)) {
            // set the active tab
            $('.ProfileMenu > ul > li > a').tabs("option", "selected", hashValue);
        }               



</script>

<script type="text/javascript">

jQuery(function () {

  $("#datepicker1").datepicker({
      inline:true,
      dateFormat: "d MM yy",
      showOn: "both",
      buttonImage: "Images/calendar.gif",
      buttonImageOnly: true,
      buttonText: "Calendar",
      minDate: new Date(2013, 10, 18),
      maxDate: new Date(2013, 10, 21),
      defaultDate: "today",
      numberOfMonths: 1,

  });

  $("#datepicker2").datepicker({
      inline:true,
      dateFormat: "d MM yy",
      showOn: "both",
      buttonImage: "Images/calendar.gif",
      buttonImageOnly: true,
      buttonText: "Calendar",
      minDate: new Date(2013, 10, 26),
      maxDate: new Date(2013, 10, 29),
      defaultDate: "today",
      numberOfMonths: 1,

  });

});

</script>

<script type="text/javascript"><!-- Banner Ticker -->

  jQuery(function(){
      $('#newsticker-container').newsTicker();      
    });

</script><!-- Banner Ticker End -->

那么 jqDock 只适用于这个最小脚本源

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript">

        $(function(){
            var jqDockOpts = {align: 'right', duration: 200, labels: 'tc', size: 55, distance: 85};
            $('#jqDock').jqDock(jqDockOpts);
        });

</script>

另外我应该指出，除了 datepicker（它使用完整的库）之外，所有元素都使用 min 脚本工作。我看到了一个关于 jQuery no.conflict(); 的解决方案。- 我试过了，但仍然没有快乐。我是否应该将所有元素放在 1 个脚本标签中，并且首先没有冲突？这对专家来说可能很简单，我不是那么请放轻松:)。

4

1 回答 1

0

这里有两个非常不同的 jQuery 版本。jQuery 1.3.2 中存在的一些函数已被弃用很长时间，并在 1.9.1 中被删除。同样，添加了 1.3.2 中不存在的新功能。

jQuery.noConflict 不太可能有帮助，因为这两个版本都将使用全局 jQuery 对象。您获得的版本取决于您加载它们的顺序。

我不知道 jqDock 做了什么，但建议您寻找使用当前 jQuery 的更高版本，或执行相同工作的不同模块。

于 2013-10-07T20:29:37.250 回答