Jquery 如果图像是li元素的背景图像,如何执行点击?
我有如下html:Jquery 如果图像是li元素的背景图像,如何执行点击?,jquery,html,Jquery,Html,我有如下html: <li id="lielement"> <span>Descriptions</span> </li> 我遇到一个问题,我需要单击Removebutton,还需要单击Descriptions 如何编写jquery事件 html在这里: 首先,假设您使用的是最新的jQuery,您不应该使用live,而应该使用on上的live现在从1.7开始就不推荐使用,从1.9开始,您需要从jQuery中包含一个优雅的更新文件才能使用此功能
<li id="lielement">
<span>Descriptions</span>
</li>
我遇到一个问题,我需要单击Removebutton
,还需要单击Descriptions
如何编写jquery事件
html在这里:
首先,假设您使用的是最新的jQuery,您不应该使用
live
,而应该使用on
上的live
现在从1.7开始就不推荐使用,从1.9开始,您需要从jQuery中包含一个优雅的更新文件才能使用此功能
$("#someelement").on("click", 'li', function (e) {
一旦您提供了有关标记的更多信息,我将编辑我的答案。为了可读性和可维护性,请为正确的目标使用正确的元素,在这种情况下,您应该使用元素或元素
此外,live已弃用,请使用
// Feel free to replace document with a "closer" parent selector
$(document).on("click", ".ClassName span", function (e) {
// ...
});
最后,只要没有一个事件处理程序具有“return false”或“stopPropagation”,那么事件就会冒泡,并且两个处理程序都会被触发。您想要的示例:
$(document).ready(function(){
$("#description").click(function(){
alert("Description Clicked");
});
$("#remove").click(function(){
alert("Remove Button Clicked");
});
});
<a href="#" id="description">Description</a>
<a href="#" id="remove">Remove</a>
$(文档).ready(函数(){
$(“#说明”)。单击(函数(){
警报(“点击描述”);
});
$(“#删除”)。单击(函数(){
警报(“单击移除按钮”);
});
});
哪个版本的jquery?您也可以发布整个相关的HTML标记吗?jquery实际上不是1.7.2。它是1.9.1,您使用的是最新jQuery的最小值;因此,这不是来自live
和上的的错误。这部分是一个建议,关于“return false”和“stopPropagation”的部分是关于问题出在jQuery 1.7.1的最佳猜测;因此,这不是来自live
和on
的错误。这是一条评论,不是答案。
// Feel free to replace document with a "closer" parent selector
$(document).on("click", ".ClassName span", function (e) {
// ...
});
$(document).ready(function(){
$("#description").click(function(){
alert("Description Clicked");
});
$("#remove").click(function(){
alert("Remove Button Clicked");
});
});
<a href="#" id="description">Description</a>
<a href="#" id="remove">Remove</a>