Question

我可以在span中放置一个图像，并使用jQuery将click事件提供给span。在这里它不适用于我的代码有任何想法。

<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

将您的span的CSS设置为display:block;或用<div>

替换范围

Answer 3

确保在应用任何doc ready函数之前包含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

确保您已在文件的head部分中包含jquery。因为代码工作正常。

为简单起见，请始终使用<script src="http://code.jquery.com/jquery-latest.js"></script>

这将确保您始终拥有最新的jquery文件。

Answer 5

可能是jquery文件中的问题，这是jquery代码工作所必需的。

检查工作 jsfiddle

对js代码的小改进：

$(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

有些时候我喜欢这样做它不起作用，

然后我尝试这个（如果页面动态改变之前）

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

跨度内图像上的单击事件不起作用

7 个答案: