JQuery Unslider没有在主页上工作

时间:2016-03-10 09:13:02

标签: jquery html css path unslider

我正在尝试使用unlider插件。它不工作,我检查了路径,似乎是正确的。有任何想法吗?我正在按照其网站上的步骤进行操作:http://unslider.com/

我也没有在控制台日志中出现任何错误因此我不知道我做错了什么?脚本链接在代码之前,所以我不理解错误。

<html>
  <head>
    <title>Hello!</title>
    <meta charset="utf-8" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <script src="js/JQuery.js"></script>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" src="unslider-master/dist/css/unslider.css">
    <script src="js/unslider.js"></script> 
  </head>
  <body>
    <div id='main_page_container'>
      <div class="my-slider">
        <ul>
          <li>My slikjmhhhhhhhhhkjjjjjjjjjjde</li>
          <li>Another slide</li>
          <li>My last slide</li>
        </ul>
      </div>
      <script>
        // Using the Unslider. Not working.
        $(document).ready(function() {
          $('.my-slider').unslider();
        });
        // Testing is JQUERY is working. Not working.
        $("#navbar").click(function() {
          $("#navbar").css("background-color", "yellow");
        });

        window.onload = function() {
          if (window.jQuery) {  
            // jQuery is loaded  
            alert("Yeah!");
          } else {
            // jQuery is not loaded
            alert("Doesn't Work");
          }
        }
      </script>
      <div class="box_one">
        <div class='headline'>
          <b><p id='headline_text'>An Eye-Catching Headline</p></b><br>
          <button id='textChanger'>Add text</button>
        </div>
      </div>
    </div>
    <div class='shipping_info'><p class='shipping_text'><b>Free Shipping World Wide</b></p></div>
    <div class="box_two"><div id='side_bar'> side bar</div></div>
    <div class='about-panel'><label id='about-panel-text'>Why Us?</label> </div>
    <div class='divider-whitespace'></div>
    <footer id='footer'></footer>
  </body>
</html>

这是我得到的:

enter image description here

0 个答案:

没有答案