Javascript 动态按钮点击不'；不能在Jquery中工作

我想开发HTML5演示文稿中的动态演示内容

本教程适用于静态内容。但我想用jquery编写动态内容，如下所示：

$(document).ready(function(){

            $.getJSON(url, function (data) {

                   for(var i in data)
                       {                             
                        output=" <button title='Next' id='nav-next' class='nav-next'>Click</button>";                      
                       }

                    $("#placeholder").append(output);
                });
 });

$（文档）.ready（函数（）{
$.getJSON（url、函数（数据）{
用于（数据中的var i）
{                             
输出=“单击”；
}
$（“#占位符”）。追加（输出）；
});
});

---

当点击按钮时，我想进入下一张幻灯片。但这一事件并不奏效。我想调用javascript文件上的下一个函数。请提供帮助。

您没有将事件附加到“新建”按钮，这可以使用jQuery

单击方法来完成

还有一些其他问题：


循环似乎是多余的，您实际上没有使用
数据中的任何内容

output
在您的示例中被定义为全局变量，请使用
var
将其保留在函数范围内

代码：

$（文档）.ready（函数（）{
$.getJSON（url、函数（数据）{
//使用var，您的输出是一个全局变量
var output=“单击”；
$（“#占位符”）。追加（输出）；
//将单击事件附加到新按钮
$（“#导航下一步”）。单击（函数（）{
//TODO:实现单击方法
});
});
});

由于您没有使用数据，因此可以安全地删除当前对
getJSON
的调用。我想你是出于某种原因把它放进去的。
你说“当点击按钮时”，这就是答案，请使用
jQuery.on（）
方法

$('#nav-next').on('click',(function () {
     // click code.
});

然后，当您使用
中定义的id创建
DOM时，
上的单击事件将动态附加。
我不明白为什么在您从未使用I？复制：：（使用
.on（）
方法：）时，它会在for循环中，但不要将它绑定到任何特定的函数。请查阅教程。不需要绑定函数。在javascript文件中包含下一个函数。
$('#nav-next').on('click',(function () {
     // click code.
});