带有 href 和 javascript 的 jQuery 附加元素不起作用 [英] jQuery Appended elements with href and javascript doesn't work

问题描述

所以我用 jQuery 附加一些包含 href 的元素，当点击锚点时调用另一个脚本，但不起作用；这是一个例子:

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>"));

    }

);

所以你可以看到锚有一个调用另一个脚本的href，这是另一个脚本:

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.");
                 }

        });


        });
}); 

因此该脚本仅在元素位于 html 标记中时才有效，但如果元素附加了 jQuery，则该脚本无效.

So the script only works if the elements are in the html markup, but not if the elements are appended with jQuery.

有什么建议吗?

推荐答案

您正在动态地将 href 链接添加到 DOM 使用 .live()

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 附加元素不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！