本文介绍了带有href和javascript的jQuery附加元素不起作用的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着跟版网的小编来一起学习吧！
问题描述
So I'm appending some elements with jQuery that contain href that calls another script when the anchor is clicked, but doesn't work; here's an example:
$(".un_comentario").hover(
function () {
$("#dedos_voto", this).append($("<span id="commentup" class="vote_up"><a href="javascript:;" ><img src="/mimg/comment/csthumbup.png" /></a><?php echo $utilchido;?></span>"));
}
);
So as you can see the anchor has an href that calls another script, here's the other script:
$(function(){
$("span.vote_up").click(function(){
//get the id
the_id = $("div.un_comentario").attr('id');
$.ajax({
type: "POST",
data: "action=vote_up&id="+$("div.un_comentario").attr("id"),
url: "votacomment.php",
success: function(){alert("Gracias, el voto se ha agregado.");
}
});
});
});
So the script only works if the elements are in the html markup, but not if the elements are appended with jQuery.
Any suggestion?
解决方案
you are dynamically adding the href links to the DOM use .live()
$("span.vote_up").live('click',function(){
//rest of your logic
});
这篇关于带有href和javascript的jQuery附加元素不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持跟版网！
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益，请联系我们，我们会在确认后第一时间进行删除！