使用jQuery庫將Click事件附加到DIV

Question

我知道我可以使用click函數將事件附加到DIV元素，但由於某種原因，它對我不起作用。 這就是我創建DIV元素的方式。

function createColorSwatchDiv(color) {

    var colorSwatchDiv = $("<div>");

    var image = $("<img>");
    image.attr("src",color.imageURL);

    var label = $("<label>");
    label.text(color.title);

    colorSwatchDiv.append(image);

    return colorSwatchDiv;

}

然后，我嘗試附加如下所示的click事件：

   // run a loop and build the grid layout
    for(index = 0; index < colors.length; index++) {

        var colorSwatchDiv = createColorSwatchDiv(colors[index]);

        // attach the event
        colorSwatchDiv.click(function(){

                alert('hello world');

        });

        colorsSection.append(colorSwatchDiv);

    }

    // add to the dom
    $("#color .imageChartOption").after(colorsSection);

但是它不起作用，並且沒有附加單擊事件。

Answer 1

以下是代碼

 var $newdiv1 = $("<div id='object1' onClick=Test()>Hello</div>");

 $("body").append($newdiv1);


function Test()
{
    alert("Clicked");
}

要么

  $newdiv1.on('click',function(){alert("hello");});

Answer 2

由於您已經在jQuery包裝器中創建了div，因此無需在這里再次包裝$(colorSwatchDiv).click(... 。此外，您確定colorSwatchDiv變量引用的是dom元素，而不是內存中的對象。您可以在dom的榆樹上上課嗎？