Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 范围内图像上的单击事件不起作用_Jquery_Html - Fatal编程技术网

Jquery 范围内图像上的单击事件不起作用

Jquery 范围内图像上的单击事件不起作用,jquery,html,Jquery,Html,我可以将一个图像放在一个span中,并使用jQuery为span提供click事件吗。在这里它不工作,在我的代码有任何想法 <span id="removeNewTime" class="removeTime"> <img src="Images/close button.png" alt="close" /> </span> jQuery代码 <script> $(document).ready(function(){

我可以将一个图像放在一个span中,并使用jQuery为span提供click事件吗。在这里它不工作,在我的代码有任何想法

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

$(文档).ready(函数(){
$(“.removeTime”)。单击(函数(){
警惕(“你好”);
});
});

这是你可能需要做的工作,这篇文章告诉你如何去做

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

将span的CSS设置为
display:block
或将span替换为

在应用任何doc ready函数之前,确保包含jquery库:

查看工作小提琴:


$(文档).ready(函数(){
$(“.removeTime”)。单击(函数(){
警惕(“你好”);
});
});

确保已将jquery包含在文件的头部分。因为代码运行良好

为简便起见,请始终使用


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

可能是jquery文件中的问题,这是jquery代码正常工作所必需的

检查工作状态

$(document).ready(function(){
    $(".removeTime").click(function(){
     alert("hello");
    });
});​
js代码的小改进:

$(function() {
    $(".removeTime").on('click', function(){
         alert("hello");
    });
});​
此代码正在运行 注意代码中的一些要点

1) 不要忘记添加最新的jquery文件,如 到您的代码


2) 从

下载有时我确实喜欢它,因为它不起作用

然后我尝试这个方法(如果之前页面已动态转换)


错误信息是什么?检查jquery是否正确包含,将警报放入就绪状态
$(document).ready(function(){
    $(".removeTime").live("click",function(){
     alert("hello");
    });
});​