Question

就像标题所说，当你点击此代码中的btnSubmit按钮时：

http://jsfiddle.net/piratescott/stbmfbw8/1/

在流div中附加代码的函数不会运行

不起作用的按钮代码：

$(document).ready(function () {
    $("#btnSubmit").click(function () {
        $("#stream").append("chips");
    });
});

事先由JQuery生成按钮（最后注意输入id =“btnSubit”，实际上按钮实际上不起作用，如果不是由jquery生成则查找）

            $username = json.name;

            $("#stream-buttons span").append("<li id=\"streamers\"><img height=\"100px\" width=\"100px\" src=\"" + json.logo + "\"/><a href=\"" + json.url + "\"><p>" + json.display_name + "</p></a><p>Online</p><input id = \"btnSubmit\" type=\"submit\" value=\"" + $username + "\"/></li>");

Answer 1

您正在将事件绑定到尚未成为DOM的一部分的对象。

您还要为多个元素分配相同的ID，而是使用CLASS。

试试这个：

for (index = 0; index < names.length; ++index) {
    $.getJSON("https://api.twitch.tv/kraken/channels/" + names[index] + "/?callback=?", 
         function (json) {
             if (condition) {
                 // create element
             } else {
                 // create element
             }

             // bind event to created element
             $(".btnSubmit").unbind('click').bind('click', function () {
                 $("#stream").append("chips");
             });
         }
    );
}

JQuery - 按钮不会附加div

1 个答案: