-2

私はこのようなコードを持っています:

DIV 要素内の 2 つの画像に対してクリック イベントを発生させたいのですが、2 つ目の画像のクリック イベントが機能しません。

<ul style="float: left; width: 898px; margin: 0px; overflow: hidden; position: relative; top: 0px; padding: 0px; left: 0px;" class="jcarousel-list jcarousel-list-horizontal" id="mycarousel">
            <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal" style="float: left; list-style: none outside none; width: 52px;" jcarouselindex="1">
                <div style="position: relative">
                    <img width="40" height="40" style="cursor: pointer" title="Project 010" alt="image" class="5137aa052acf96352027d9a0|Project 010|Employee|5/1/2004|6/1/2011||||Descriptions**True|Skills**True|Client**true|Achievements**True|Memberships**False|Org Chart**False|Specialization**False|Get Ratings**False|" src="../Images/DefaultPhotoMale.png" id="img5137aa052acf96352027d9a0">
                    <img class="imgProjectDelete" style="position: absolute; display: none; top: 4px; right: 5px" src="../Images/RemoveButton.ico">
                </div>
            </li>
            <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-2 jcarousel-item-2-horizontal" style="float: left; list-style: none outside none; width: 52px;" jcarouselindex="2">
                <div style="position: relative">
                    <img width="40" height="40" style="cursor: pointer" title="Project 009" alt="image" class="5137aa052acf96352027d995|Project 009|Employee|5/1/2002|5/1/2004||||Descriptions**True|Skills**True|Client**true|Achievements**True|Memberships**False|Org Chart**False|Specialization**False|Get Ratings**False|" src="../Images/DefaultPhotoMale.png" id="img5137aa052acf96352027d995">
                    <img class="imgProjectDelete" style="position: absolute; top: 4px; right: 5px; display: none;" src="../Images/RemoveButton.ico">
                </div>
            </li>
            <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-3 jcarousel-item-3-horizontal" style="float: left; list-style: none outside none; width: 52px;" jcarouselindex="3">
                <div style="position: relative">
                    <img width="40" height="40" style="cursor: pointer" title="Project 008" alt="image" class="5137aa052acf96352027d987|Project 008|Employee|6/1/1994|5/1/2002||||Descriptions**True|Skills**True|Client**true|Achievements**False|Memberships**False|Org Chart**False|Specialization**False|Get Ratings**False|" src="../Images/DefaultPhotoMale.png" id="img5137aa052acf96352027d987">
                    <img class="imgProjectDelete" style="position: absolute; display: none; top: 4px; right: 5px" src="../Images/RemoveButton.ico">
                </div>
            </li>
        </ul>

私が疲れているのは:-

最初の画像クリック イベントはこのようなもので、正常に動作しています

 $("#mycarousel").find("img").live("click", function () {

    });

2番目の画像クリックイベントはこのようなもので、機能していません

 $("#mycarousel").find(".imgProjectDelete").live("click", function () {
        alert("You CLick on Delete");
    });

とにかくクリックイベントを削除したい!、他の要素を2番目の画像として使用しても

4

2 に答える 2

1

OK、2番目の画像をに変更しました

次のことを書いて、それは機能しています

$("#mycarousel").find("a").live("click", function () {

    });
于 2013-03-07T15:35:23.800 に答える
0

試す

$(document).on("click","#mycarousel .imgProjectDelete",function(e){
//your code
});

または、古いバージョンの jquery を使用している場合.delegate

$(document).delegate("#mycarousel .imgProjectDelete","click",function(e){
//your code
});
于 2013-03-07T14:00:58.103 に答える