為什么與jQuery綁定的事件處理程序無法觸發？
[英]Why is my event handler bound with jQuery not firing?
問題描述
任何想法，為什么這在我的php文檔中不起作用？ 當我在jsfiddle上測試時，一切正常。
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$("a").click(function() {
$("div.info").hide();
$("div." + this.className).show();
});
</script>
</head>
<body>
<div class="shipping-container">
<a href="#" class="ups">Show UPS info</a>
<a href="#" class="fedex">Show Fedex info</a>
<div class="ups info" style="display:none">the info for ups</div>
<div class="fedex info" style="display:none">Who let the dogs out</div>
</div>
</body>
4 個解決方案
解決方案1
6 2012-01-09 14:56:58
您錯過了文檔准備處理程序，請嘗試以下操作：
<script type="text/javascript">
$(function() {
$("a").click(function() {
$("div.info").hide();
$("div." + this.className).show();
});
});
</script>
或者，將您的script標簽保持原樣，但將其放在文檔末尾</body>標簽之前。
解決方案2
2 2012-01-09 14:57:49
您應該通過執行以下操作來確保僅在DOM完全加載之后才加載JQuery代碼：
$(document).ready(function() {
$("a").click(function() {
$("div.info").hide();
$("div." + this.className).show();
});
});
解決方案3
1 已采納 2012-01-09 14:57:47
在鏈接元素存在之前，您正在運行腳本。
在jsfiddle中，默認情況下將代碼放置在加載文檔后運行的事件中。 使用ready事件在代碼中執行此操作：
<script type="text/javascript">
$(document).ready(function(){
$("a").click(function() {
$("div.info").hide();
$("div." + this.className).show();
});
});
</script>
解決方案4
1 2012-01-09 15:00:32
我認為您應該在標題中執行以下操作：
<script type="text/javascript">
$(document).ready(function() {
$("a").click(function() {
$("div.info").hide();
$("div." + this.className).show();
});
</script>
這將確保在嘗試附加任何事件處理程序之前，所有DOM對象（尤其是a元素）均已加載。
jQuery .on（）沒有觸發事件處理程序
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.