我基本上是在开发一个插件,该插件可以动态生成表行以在定义的页面上显示内容,当生成该插件时,我希望它在每行上显示一个按钮,并在单击时激活Ajax请求,我尝试添加ID并执行jQuery onClick执行此操作,但未显示我的测试alert()
这是我正在使用的jQuery代码:
jQuery(document).ready(function(){
jQuery("#submit").click(function(event) {
//Stop the form processing
event.preventDefault();
//Get the username value
var Username = jQuery('#username').val();
jQuery.ajax({
type: "GET",
crossDomain: true,
url: apiURL + "video/" + Username + "/views/",
success: function(data) {
Parsed = jQuery.parseJSON(data);
jQuery.each(Parsed.user_media, function(i,v){
jQuery("#results").append("<tr><td><button type='submit' id='addtoPlaylist'>Add to Playlist</button></td></tr>");
});
},
});
});
jQuery("#addtoPlaylist").click(function(event) {
alert('Working!');
});
});
诸如Ajax调用和返回表行之类的一切工作都非常完美,这只是在我尝试使用.click()
基于的<button></button>
时候,似乎并没有激活也没有在控制台中引发任何错误。
试试这个
jQuery("#results").on("click", "#addtoPlaylist", function(event) {
alert('Working!');
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句