Question

我一直在尝试使用jquery滑块插件将jQuery UI标签添加到页面中。它在Firefox中看起来不错，但在其他所有浏览器中滑块都不起作用。此外，滑块只能在ff中使用多个jQuery实例（我知道这很糟糕）。此外，我正在选项卡中运行谷歌饲料控制。相关代码粘贴在下面。你也可以看到http://bit.ly/M0xIMM的页面和滑块js：http://bit.ly/KAe8Mf任何帮助都将不胜感激，谢谢！

头脑中：

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

Answer 1

您正在使用旧版本的jQuery和新版本的UI。只需使用最新的稳定版jQuery并消除1.3.2的两个版本。您无需在head中调用任何脚本（Google Analytics除外）。将所有Javascript放在body的末尾。 Mootools可能与jQuery冲突。请务必致电Mootools first

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

1 个答案: