javascript - Javascript事件不冒泡

Question

我有以下标记：

我有一些刚刚添加的 jQuery 来切换行颜色：

单击行中的任意位置会切换视图，如下所示：

问题是，由于我添加了切换功能，链接不起作用。切换处理程序似乎捕获了事件。我希望链接首先获取事件然后获取行，因此链接应该可以正常工作。

有没有人看到问题？

谢谢

Answer 1

这里的主要问题是 toggle() 不是您使用它的目的。

检查：http ://api.jquery.com/toggle/

它使匹配的元素根据其当前状态隐藏和显示。

您可能想要使用的是toggleClass()根据您的示例。

您的问题也不清楚您的javascript的目的是什么。什么时候（在什么事件上）你想改变一个项目的颜色？点击它？

您显然在滥用 toggle() 函数，但我不确定您何时以及想要发生什么。

编辑：我看到您的目标是已弃用的切换事件。

EDIT2：我为您制作了一个 jsfiddle，我认为它可以满足您的需求。

http://jsfiddle.net/kytJ3/1/

的HTML：

<div id="test" class="test-class">DURP<br />HURP<br />
    <a href="http://google.com" target="_blank">A LINK</a>
</div>

js：

$('#test').click(function () {
    $(this).toggleClass('test-class');
});

的CSS：

div {
    color: red;
}
.test-class {
    color: blue;
}

这也导致更干净（无样式）的 javascript。并且链接工作正常。