jQuery onClick圖片事件

Question

我試圖這樣做，所以當您單擊圖像時，它將在文檔內部起作用。

現在我有點麻煩了，我敢肯定這是一個愚蠢的錯誤，但是這里出什么問題了？

<script type="text/javascript">
$.getJSON("https://api.twitch.tv/kraken/search/streams?q=star&type=suggest&callback=?", function (data) {
    $i = 0;
    $.each(data.streams, function (index, item) {
        $("<img>").attr("src", item.preview.medium).attr("onclick", "").appendTo("#images");
        $i++;
    });
});
</script>

它們正確顯示，只是onclick事件不起作用。

Answer 1

給每個圖像一個類，例如“ leImage”。

創建一個這樣的事件監聽器：

$(".leImage").on("click", function()
{
    // Do stuff, get id of image perhaps?
    var id = this.id;
    // or
    var id = $(this).attr("id");
});

如果這不是您要的內容，那么您必須更加清楚:)

Answer 2

您正在使用jquery創建元素。因此只需使用其方法

$("<img>")
    .attr("src", item.preview.medium)
    .click(function(){ showStream(index);})
    .appendTo("#images");

---

或者您改用這種語法

$("<img>", {
    src: item.preview.medium,
    click: function(){showStream(index);}
}).appendTo("#images");

Answer 3

嘗試這種方式；

<script type="text/javascript">
$.getJSON("https://api.twitch.tv/kraken/search/streams?q=star&type=suggest&callback=?", function (data) {

    $.each(data.streams, function (index, item) {
        $("<img>").attr("src", item.preview.medium).appendTo("#images");

    });
});


 $("#images img").on("click",function(e){
   alert("your function all")

  })
</script>

Answer 4

單擊后的函數名稱為空？

$("#something").attr("onClick","new_function()");

Answer 5

首先為圖像設置ID。

<img src="../images/warning.png" id="imageId"/>

之后，使用以下代碼：

<script>
    $('#imageId').click(function () {
        alert('It works!');
    });
</script>