jQuery UI選項卡與除firefox以外的每個瀏覽器中的jQuery滑塊衝突 - 多個jQuery實例

我一直在嘗試使用jQuery滑塊插件將jQuery UI選項卡添加到頁面。它在Firefox中看起來不錯，但在其他任何瀏覽器中滑塊都不起作用。此外，滑塊只能在ff中使用多個jQuery實例（我知道這很糟糕）。此外，我正在標籤中運行谷歌飼料控制。相關代碼粘貼在下面。您還可以在http://bit.ly/M0xIMM和滑塊js的頁面看到這裏：http://bit.ly/KAe8Mf任何幫助將不勝感激，謝謝！jQuery UI選項卡與除firefox以外的每個瀏覽器中的jQuery滑塊衝突 - 多個jQuery實例

在頭：

<script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="/js/jquery-ui-1.7.custom.min.js"></script> 
<script type="text/javascript"> 
    $(function() { 
     var $tabs = $('#tabs').tabs(); 
     $(".ui-tabs-panel").each(function(i){ 
      var totalSize = $(".ui-tabs-panel").size() - 1; 

      if (i != totalSize) { 
       next = i + 2; 
        $(this).append(""); 
      } 

      if (i != 0) { 
       prev = i; 
       $(this).append(""); 
      } 
     }); 
    }); 
</script>

在機身：

<script type="text/javascript" src="/templates/rhuk_milkyway/js/jquery-1.3.2.min.js"> </script> 
    <script type="text/javascript" src="/modules/mod_ds_banner_slide/mod_ds_banner_slide/mbScrollable.js"></script> 
<script type="text/javascript"> 
jQuery.noConflict(); 
jQuery(document).ready(function() { 
    jQuery("#dsbs_Homebanner").mbScrollable({ 
     width: 950, 
     elementsInPage: 1, 
     elementMargin: 4, 
     height: 175, 
     controls: "#dsbs_Homebannercontrols", 
     slideTimer: 600, 
     autoscroll: true, 
     scrollTimer: 6000  }); 
}); 
</script>

來源

2012-06-15 user1459655

您可以在[JSFiddle]（http://jsfiddle.net/）上更容易閱讀該文件嗎？刪除不適用於該問題的代碼也會有所幫助。 –

嗨，我刪除了一些不會導致問題的額外代碼，我會嘗試用jsfiddle重新格式化它，儘管我不完全確定如何使用它。謝謝。 – user1459655

jQuery 1.3.2 ??? – j08691

您使用的是舊版本的jQuery UI有一個新版本。只需使用jQuery的最新穩定版本，並取消兩個1.3.2版本。您不需要撥打head中的任何腳本（Google Analytics可能除外）。把所有的Javascript放在body的末尾。 Mootools可能與jQuery衝突。請確保您致電Mootools first

來源

2012-06-15 20:59:51

此外，它看起來像您使用的Joomla模板可能是編碼不佳，或與您的CMS版本不完全兼容http://forum.joomla.org/viewtopic.php?t=583122 –

您需要插入這一切成小提琴或給網址，因爲這是不夠的信息來解決它 –

好吧，這裏的網址：http://bit.ly/M0xIMM – user1459655

jQuery UI選項卡與除firefox以外的每個瀏覽器中的jQuery滑塊衝突 - 多個jQuery實例

回答

相關問題