jquery點擊功能不工作，因爲它應該

Question

我試圖通過鏈接和使用jQuery顯示一個警告框，但它似乎我沒有做正確的事情。

我的鏈接：

<a class="details_link">Details</a> 

我jQuery的功能：

$(document).ready(function() { 
     $(".details_link").click(function() { 

      alert("test"); 
     }); 
    }) 

此代碼是不工作...我檢查堆棧上其他的答案，但我想我已經遵循的指示。我包括jquery-1.9.1.js文件。

Answer 1

請確保您正確引用了jquery庫。你的代碼適合我。 Check out here

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 

你也可以去請驗證是否如果你jQuery庫是正確的，並隨時準備投入使用將

IE調試>>腳本標籤，並在明年開始調試jQuery庫下拉應出現。

Answer 2

首先檢查是否加載了正確的jQuery腳本。

您錯過了幾件事。

您的錨標記中缺少href屬性，但這不是導致問題的原因，不包括它是不好的做法。

<a href="#"class="details_link">Details</a> 

您也將從jQuery的

$(document).ready(function() { 
    $(".details_link").click(function() { 
     alert("test"); 
    }); 
}); 

Answer 3

我幾乎保證它不是jqueries點擊你的代碼不能正常工作的功能，但缺少點什麼分號。

1. 確保您包含jQuery庫。
2. 確保您的功能在<script>標籤內。
3. 檢查Web控制檯以查看是否有需要解決的錯誤。

然後，

$(document).ready(function() { 
    console.log('test1'); 
    $(".details_link").on('click', function() { 
     alert("test2"); 
    }); 
    console.log('test3'); 
}); 
console.log('test4'); 

看看有哪些console.log報表打印。