0

我正在使用 EasyTabs ( http://os.alfajango.com/easytabs ) 来构建我的网站。我想添加一个滑块脚本以在最初不可见的选项卡之一中进行操作。选择选项卡时,滑块脚本不会激活。

<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  <script src="js/jquery.ba-hashchange.js" type="text/javascript"></script>
  <script src="js/jquery.easytabs.js" type="text/javascript"></script> 
  <script src="js/jquery.slides.min.js"></script>

这将启动 EasyTabs 脚本:

<script type="text/javascript">
$(document).ready( function() {
  $('#tab-container').easytabs();
});
</script>

这将启动 Slider 脚本:

<script>
$(function() {
  $('#slides').slidesjs({
    width: 1000,
    height: 444,
    navigation: false,
    play: {
        interval: 2000,
        auto: true
    }
  });
});
</script>

所有这些都在标题中。

</head>

如何在单击包含它的 EasyTabs 选项卡时初始化该 Slider 脚本?谢谢!

4

2 回答 2

0

不工作的 jQuery 选项卡中,建议放置 jQuery.noConflict(); 就在文档准备功能之前。

于 2013-05-09T00:07:24.517 回答
0

我在 Bootstrap 框架和我的图像滑块上遇到了同样的问题,滑块在选项卡之前加载其脚本并且其内容处于活动状态,导致滑块无法正常工作。是否有某种事件处理程序可以在选项卡打开时加载脚本?

<script src="https://code.jquery.com/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ=" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous" defer></script>

<script type="text/javascript" defer>
    $(document).ready(function () {
        $('.slider').bxSlider({
            slideWidth: 214,
            minSlides: 1,
            maxSlides: 3,
            moveSlides: 1,
            slideMargin: 20
        });
    });
</script>

加载后的样子

当我打开控制台时它的外观图片,强制脚本重新加载

所有脚本都在正文的末尾,毕竟是 html 内容

于 2016-05-14T12:48:57.447 回答