javascript - jQuery 点击事件问题

Question

您好，我最近问了一个关于定位动态生成的链接的问题，有人好心地为我提供了一个可行的答案，但是，在更详细地研究之后，我需要的功能略有不同。

以下代码切换与由单独函数生成的链接相对应的段落的突出显示类。这是基于 3 个鼠标事件:

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

这很好用，但是如果单击相关链接(直到单击另一个链接)，我希望突出显示的类保持不变。目前，它会针对列出的每个事件进行切换，并且如果单击，则不会保持突出显示。我尝试为每个事件创建单独的函数，并尝试使用 .addClass, .removeClass ` 以不同的组合为每个事件，但我无法让它仅在单击时保持突出显示。非常感谢

编辑:

这是一个 jsfiddle 链接 http://jsfiddle.net/RVYnb/6/举个例子，谢谢

Answer 1

您的意思是您希望突出显示一直保持到用户单击其他内容为止？

这样的行为？ : http://jsfiddle.net/QLEHY/1/

<a href='#'>Para 1</a>
<a href='#'>Para 2</a>
<a href='#'>Para 3</a>

<p>Some text. Some text. Some text. Some text. Some text. </p>
<p>Some text. Some text. Some text. Some text. Some text. </p>
<p>Some text. Some text. Some text. Some text. Some text. </p>


$('a').click(function(){
   $('p.active').removeClass('active');
   $('p') .eq($(this).index()).addClass('active');
});

在您的代码上下文中，只需在应用该类之前删除该类就可以了。

$("#hi-4").live("mouseover mouseleave click", function(){
    $('p.highlighted').remove(); //remove all the highlighted classes. 
    $("p#p-4").toggleClass("highlighted");
});