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>