html - 在 HTML 页面的另一个链接项中创建链接

Question

我正在使用 Twitter Bootstrap 创建网站。

本网站的其中一个页面显示了元素列表。

在每个元素箱中，都有一个小x在右侧，用户应该能够单击它以从列表中删除该元素。此外，单击列表项的一般区域会链接到该元素的独特页面。

请看我准备的JSFiddle:

JSFiddle Link

问题 是我似乎无法在 x 上添加链接.如果我尝试围绕 x与

<a href="item2/delete">....</a>

布局分崩离析，如您所见here .

自从我使用 Bootstrap 以来，我一直坚持使用他们的列表，这些列表基本上由链接组成(即 <a> 标签)。尽管如此，有什么办法可以包含像我的 x 这样的链接吗？在他们里面？

我已经尝试使用 Jquery 创建一个专门针对 x 的监听器但它仍然不起作用(单击 x 会将您带到该元素的链接)。

请帮忙!

Answer 1

您可以添加 onclick 事件处理程序并阻止导致页面重定向的默认 onclick 事件。试试这个，我已经为你的第二个“X”按钮添加了一个 id。

$('#linkTo').click(function(event){
    event.preventDefault();
    alert('hello');
});

DEMO

我猜这就是你想要的。