jquery - 动态产生的链接上的jQuery事件

我有一个由另一个函数动态创建的链接列表，它们的形式为<a id="hi-1">test</a> <a id="hi-2">test</a>等。

我正在尝试定位这些链接并将点击/鼠标悬停事件绑定到它们。以下是针对这些链接之一的代码（＃hi-1）：

$(function() {

    $("#hi-1") .bind("mouseover", highlight);
    $("#hi-1") .bind("mouseleave", highlight);
            $("#hi-1") .bind("click", highlight);

    });
    function highlight(evt){
    $("p#p-1").toggleClass("highlighted");
    }

这应该切换的类名。

我似乎无法使其正常工作，我相信这与动态创建链接有关。但是我很少有jQuery经验，而且我可能会以错误的方式进行操作。

任何帮助深表感谢。

最佳答案

尝试

$("#hi-1").live("mouseover mouseleave click", function(){
    $("p#p-1").toggleClass("highlighted");
});

关于jquery - 动态产生的链接上的jQuery事件，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6160716/