0 
$(document).ready(function() {

// ............. Your jQuery Code goes here .............

    //var myArray1 = new Array( "img1", "img2" , "img3",  "img4");
    var numImg = $('#thumbNail img').length; //number of images
    var num = 0;
    var curImg = 0;


    //Prevent Image Dragging
    $("img").bind('contextmenu', function(e) {
        return false;
    }); 



    //Prevent Right Click on Mouse
    $("img").bind("mousedown", function(e){
        return false;
    });



    $(".leftThumbNail").live("click", function(){ 
        alert("HY"); 
    });


});

クラス「leftThumbnail」内の画像をクリックするたびに反応するようにしようとしています。このクラスには、左側のパネルに 2 つの画像が含まれています。そのクラスの画像をクリックしても、何も起こらないようです。

私も試しました：

$(".leftThumbNail").click(function() {

        alert("HEY");

    });

私の「leftThumbNail」クラスには、次のものがあります。

<div class="leftThumbNail">   

<img id = "img1" src="img/thumb/image1.jpg" class = "image1Position" alt="Image 1">

<img id = "img2" src="img/thumb/image2.jpg" class = "image2Position" alt="Image 2" >

</div>
4

1 に答える 1