jQuery UI选项卡与除firefox之外的每个浏览器中的jQuery滑块冲突-多个jQuery实例

jQuery UI选项卡与除firefox之外的每个浏览器中的jQuery滑块冲突-多个jQuery实例,jquery,jquery-ui,jquery-plugins,Jquery,Jquery Ui,Jquery Plugins,我一直在尝试使用jQuery滑块插件将jQuery UI选项卡添加到页面。它在Firefox中看起来不错,但在其他浏览器中滑块都不起作用。此外,滑块仅在ff中使用jQuery的多个实例(我知道这很糟糕)。此外,我还在选项卡中运行google提要控件。相关代码粘贴在下面。你也可以在这里看到页面和滑块js:任何帮助都将不胜感激,谢谢 在头部: <script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script&

我一直在尝试使用jQuery滑块插件将jQuery UI选项卡添加到页面。它在Firefox中看起来不错,但在其他浏览器中滑块都不起作用。此外,滑块仅在ff中使用jQuery的多个实例(我知道这很糟糕)。此外,我还在选项卡中运行google提要控件。相关代码粘贴在下面。你也可以在这里看到页面和滑块js:任何帮助都将不胜感激,谢谢

在头部:

<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>

$(函数(){
var$tabs=$('#tabs').tabs();
$(“.ui选项卡面板”)。每个(功能(i){
var totalSize=$(“.ui选项卡面板”).size()-1;
如果(i!=总尺寸){
next=i+2;
$(此)。追加(“”);
}
如果(i!=0){
prev=i;
$(此)。追加(“”);
}
});
});
在正文中:

<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>

jQuery.noConflict();
jQuery(文档).ready(函数(){
jQuery(“#dsbs_Homebanner”).mb可滚动({
宽度:950,
元素第页:1,
元素边距:4,
身高:175,
控件:“#dsbs#U HomeBannerControl”,
幻灯片:600,
autoscroll:是的,
滚动计时器:6000});
});

您正在使用旧版本的jQuery和新版本的UI。只需使用jQuery的最新稳定版本,并消除这两个1.3.2版本。您不需要在
标题中调用任何脚本(可能除了Google Analytics)。将所有Javascript放在
正文的末尾。Mootools可能与jQuery冲突。确保您拨打电话

您能在更易于阅读的屏幕上重新创建此功能吗?删除不适用于问题的代码也会有所帮助。您好,我删除了一些不会导致问题的多余代码,我将尝试使用JSFIDLE重新格式化它,尽管我不完全确定如何使用它。谢谢。看起来你包括jquery-1.3.2.min.j两次了?是的,我包括了两次。当我删除第二个包含项时,它会破坏ff中的选项卡,并且无法解决问题。此外,您使用的Joomla模板可能一开始编码不正确,或者与您的CMS版本不完全兼容。您需要将其全部插入到一个提琴中或提供一个url,因为这不足以解决itHmm问题。我先打电话给mootools,但还是没找到运气。甚至尝试移除它,但也无法修复。谢谢你。