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

問題が発生しました。クリックして、jqueryイベントを作成するにはどうすればよいですか?をクリックする必要がありRemovebuttonますDescriptions 。

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

あなたが望むものの例：

    $(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 に答える
0

まず、最新の jQuery を使用していると仮定すると、live代わりに使用すべきではありませんon。liveは 1.7 で非推奨になりました。1.9 でこの関数を使用するには、jQuery からグレースフル アップデート ファイルを含める必要があります。

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

マークアップについてもう少し情報を提供したら、回答を編集します。

于 2013-02-22T16:13:48.443 に答える
0

読みやすさと保守性のために、適切な目的には適切な要素を使用してください。この場合、 <a> 要素または <button> 要素を使用する必要があります。

また、ライブは非推奨です。

// 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 に答える