jQuery的附有HREF元素和JavaScript不起作用 [英] 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

});

这篇关于jQuery的附有HREF元素和JavaScript不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！