Jquery點擊範圍不起作用

當完成整個頁面時，它不會運行。我不知道爲什麼？
我完成加載整個頁面時我是如何做的，我想運行onload函數。

<html> 
 
         <head> 
 
         <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
         </head> 
 
         <body> 
 
         <body> 
 
          <div> 
 
           <div><span id="exid">Hello</span></div> 
 
          </div> 
 
         </body> 
 
        <script> 
 
         window.onload = function() { 
 
          $('#exid').on('click', function(){ 
 
          alert('2'); 
 
          }); 
 
         }; 
 
         </script> 
 
        </html>

來源

2017-10-08 Spark

當我運行代碼片段（使用藍色按鈕「運行代碼片段」）時，單擊「Hello」標籤確實會顯示警告（預期行爲）。所以有什麼問題？ –

您是否需要加載警報（而不是點擊）功能？ – Anuresh

我不能完全肯定，如果我明白你的意思，但我認爲這可能是這...

<html> 
    <head> 
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    </head> 
    <body> 
     <div> 
      <div><span id="exid">Hello</span></div> 
     </div> 
     <script> 
      $(document).ready(function() { 

       // This will be executed when you click in the span. 
       $('#exid').on('click',function() { 
        alert('2'); 
       }); 

       // If you want to execute the same code of the click when the page 
       // is loaded, you can just trigger the created click event. 
       $('#exid').trigger('click'); 
      }); 
     </script> 
    </body> 
</html>

我希望它能幫助

來源

2017-10-09 05:06:53

其中一個最佳做法是將js代碼放在底部</body>標籤的底部，以便html首先加載然後通過你的js代碼讀它，像這樣：

如果你想click事件

<html> 
 
<head></head> 
 
<body> 
 
    <span id="exid">Hello</span> 
 

 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
    <script> 
 
    $(document).ready(function(){ 
 
     $('#exid').click(function(){ 
 
     alert('Clicked!'); 
 
     }); 
 
    }); 
 
    </script> 
 
</body>

如果你只是想報警時，頁面加載速度

<html> 
 
    <head></head> 
 
    <body> 
 
     <span id="exid">Hello</span> 
 

 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
     <script> 
 
     $(document).ready(function(){ 
 
      alert('2'); 
 
     }); 
 
     </script> 
 
    </body>

來源

2017-10-09 05:13:28 Jonjie

Jquery點擊範圍不起作用

回答

相關問題