Jquery EasyTabs插件不工作......不知道为什么

时间:2015-06-03 15:14:56

标签: jquery jquery-plugins

我尝试使用名为Easy Tabs的jquery插件但收效甚微。

完全披露:我是jquery / javascript的新手,但我尽可能地遵循了开发人员网站上的说明。

这是我文件顶部的内容:

 <head>
    <link href="Resources/Stylesheets/PWS_template.css" rel="stylesheet" />
    <script src="/Resources/js/jquery-1.9.1.min.js" type="text/javascript">
    </script>
    <script src="/Resources/js/jquery.hashchange.js" type="text/javascript">
    </script>
    <script src="/Resources/js/jquery.easytabs.js" type="text/javascript">
    </script>
    <script src="/Resources/js/jquery.hashchange.min.js" type="text/javascript">
    </script>
    <script type="text/javascript">
         $(document).ready( function() {
        $('#tab-container').easytabs();
        </script>
</head>
<body>
    <h1 >tab_test</h1>
    <div id="tab-container" class="tab-container">
        <ul class="etabs">
            <li class="tab"><a href="#tab1">HTML Markup</a>
            </li>
            <li class="tab"><a href="#tab2">Required JS</a>
            </li>
            <li class="tab"><a href="#tab3">Example CSS</a>
            </li>
        </ul>

我知道CSS正在运行,因为我可以看到标签内容看起来像标签......但没有。其他。的工作原理。

我只是不知道从这里去哪里(或者包含其他信息)。

有没有人发现我所包含的内容有什么问题?屏幕截图显示了我在Mozilla中运行页面时看到的内容。如果我点击标签页,则网址会发生变化 - 但就是这样。

任何指导都将不胜感激。

劳拉

0 个答案:

没有答案