跨度內的圖像上的點擊事件不起作用

Question

我可以在跨度內放置圖像，並使用jQuery爲跨度提供點擊事件。在這裏它不工作在我的代碼有任何想法。

<span id="removeNewTime" class="removeTime"> 
    <img src="Images/close button.png" alt="close" /> 
</span> 

jQuery代碼

<script> 
    $(document).ready(function(){ 
     $(".removeTime").click(function(){ 
      alert("hello"); 
     }); 
    }); 
</script> 

Answer 1

這是您可能需要include jQuery工作，這個帖子講如何add jQuery on page。

Live Demo

$(document).ready(function(){ 
    $(".removeTime").click(function(){ 
    alert("hello"); 
    }); 
});​ 

Answer 2

要麼設定跨度的CSS來display:block;或用<div>

Answer 3

更換跨度請確保您已jQuery庫包括應用於任何文檔準備函數之前：

看到工作小提琴：

http://jsfiddle.net/87Laj/

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'></script> 

<script> 
    $(document).ready(function(){ 
    $(".removeTime").click(function(){ 
     alert("hello"); 
    }); 
    }); 
</script> 

Answer 4

請確保您已包含在文件頭部分的jQuery。由於代碼工作正常。

爲了簡單起見一直使用<script src="http://code.jquery.com/jquery-latest.js"></script>

這將確保你始終擁有最新的jQuery文件。

Answer 5

可能是jquery文件中的問題，jquery代碼需要它才能工作。

檢查以js代碼工作jsfiddle

小的改進：

$(function() { 
    $(".removeTime").on('click', function(){ 
     alert("hello"); 
    }); 
});​ 

Answer 6

此代碼工作 注意到在你的代碼

1）一些要點不要忘記添加最新的jquery文件，如 http://code.jquery.com/jquery-1.8.3.min.js到您的代碼。

2）http://jquery.com/download/

Answer 7

有些時候我不喜歡這樣的dosnt工作下載，

然後我嘗試這樣（如果頁面動態chenged befor）

$(document).ready(function(){ 
    $(".removeTime").live("click",function(){ 
    alert("hello"); 
    }); 
});​