跳房子按鈕單擊不工作

關於爲什麼下列跳房子不做以下工作的任何想法？我們希望用戶能夠點擊按鈕開始遊覽。非常感謝！跳房子按鈕單擊不工作

<html> 
    <head> 
    <title>My First Hopscotch Tour</title> 
    <link rel="stylesheet" href="css/hopscotch.css"> 
    </head> 
    <body> 

    <h1 id="header">My First Hopscotch Tour</h1> 
    <div id="content"> 
     <p>Content goes here...</p> 
    </div> 
    <button id="myBtn">Click Me</button> 

    <script> 
     var tour = { 
     id: "hello-hopscotch", 
     steps: [ 
      { 
      title: "My Header", 
      content: "This is the header of my page.", 
      target: "header", 
      placement: "bottom" 
      }, 
     ] 
     }; 
     $("#myBtn").click(function(){ 
     hopscotch.startTour(tour); 
     }); 
    </script> 

    <script src="js/hopscotch.js"></script> 

    </body> 
</html>

來源

2016-07-02 H.I

代碼改進縮進。 –

加入jQuery腳本：

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> 
<script src="js/hopscotch.js"></script>

查看演示這裏：http://codepen.io/ihemant360/pen/OXmqXR

來源

2016-07-02 09:10:13 ihemant360

這工作得很好。非常感謝！ –

你應該在你的文件頭部包含jquery庫。

即：

<script src="https://code.jquery.com/jquery-3.0.0.min.js" integrity="sha256-JmvOoLtYsmqlsWxa7mDSLMwa6dZ9rrIdtrrVYRnDRH0=" crossorigin="anonymous"></script>

來源

2016-07-02 08:32:52

感謝您的迴應！這也工作。 –

跳房子按鈕單擊不工作

回答

相關問題