Javascript EasyTabs+；滑块脚本-滑块赢得'；初始化_Javascript

Javascript EasyTabs+；滑块脚本-滑块赢得'；初始化

javascript

Javascript EasyTabs+；滑块脚本-滑块赢得'；初始化,javascript,Javascript,我正在使用EasyTabs（）构建我的网站。我想添加一个滑块脚本，在一个最初不可见的选项卡中进行操作。选择选项卡时，滑块脚本将不会激活 <html> <head> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script src="js/jquery.ba-hashchange.js" type="text/javascript">&l

我正在使用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>


$（文档）.ready（函数（）{
$（“#选项卡容器”）.easytabs（）；
});

这将启动滑块脚本：

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


$（函数（）{
$（“#幻灯片”）.slidesjs({
宽度：1000，
身高：444，
导航：错误，
播放：{
间隔时间：2000年，
自动：对
}
});
});

所有这些都在标题中

</head>

如何在单击包含滑块脚本的EasyTabs选项卡时使其初始化？谢谢

建议将jQuery.noConflict（）放在其中；就在document ready函数之前。

我的引导框架和我的图像滑块也有同样的问题，滑块在选项卡之前加载脚本，其内容处于活动状态，导致滑块无法正常工作。是否有某种类型的事件处理程序在选项卡打开时加载脚本

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


$（文档）.ready（函数（）{
$（'.slider'）.bxSlider({
滑动宽度：214，
米斯利德斯：1，
maxSlides:3，
第一,，
幻灯片摘要：20
});
});

所有脚本都在正文的末尾，在所有html内容之后

建议您在浏览器中使用开发人员工具，查看您遇到的脚本错误类型…我没有看到任何可以看到的错误，也许这会有所帮助：这是到包含滑块的选项卡的直接链接：如您所见，如果你能直接链接到该选项卡，它就会起作用。但是，用户将在到达初始页面时隐藏滑块选项卡。单击滑块选项卡（最后一个）后，您将看到幻灯片不会显示：