0

我有这样的html：

<li id="lielement">
<span>Descriptions</span>
</li>

和这样的CSS：

#divBtnList li {
    background-color: #BEBDBE;
    background-image: url("../Images/RemoveButton.ico");
    background-position: 100% 25%;
    background-repeat: no-repeat;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 2px 2px 3px #000000;
    color: #7F7F7F;
    cursor: pointer;
    font-family: 'Helvetica Neue',HelveticaNeue,Helvetica,Arial,sans-serif;
    font-size: 1.2em;
    line-height: 25px;
    margin: 3px;
    padding-left: 2px;
    text-align: left;
    text-shadow: 0 1px 1px;
}

我遇到了一个问题，我需要单击Removebutton并单击Descriptions 如何编写 jquery 事件？

html 在这里：http: //jsfiddle.net/BLYg3/

1 - i want to click  event for Descriptions
2-  i want to click event for background image

请问你能帮帮我吗

4

3 回答 3

0

首先，假设您使用的是最新的 jQuery，您不应该live使用on. live现在从 1.7 开始已弃用，您需要从 jQuery 中包含一个优雅的更新文件才能从 1.9 开始使用此功能。

 $("#someelement").on("click", 'li', function (e) {

一旦您提供了有关标记的更多信息，我将编辑我的答案。

于 2013-02-22T16:13:48.443 回答
0

为了可读性和可维护性，为正确的目标使用正确的元素，在这种情况下，您应该使用 <a> 元素或 <button> 元素。

此外，不推荐使用 live，请使用

// Feel free to replace document with a "closer" parent selector
$(document).on("click", ".ClassName span", function (e) {
  // ...
});

最后，只要您的事件处理程序都没有“return false”或“stopPropagation”，那么事件应该冒泡并且两个处理程序都应该被触发。

于 2013-02-22T16:15:52.333 回答
0

你想要的一个例子：

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

http://jsfiddle.net/kwgtf/

于 2013-02-22T17:02:39.783 回答