Question

我有这样的事情：

- @moves.each do |move|
  = link_to move do
    .move-item
      .btn-group
        .move-wishlist
        .move-checklist
      .move-image
      .move-text
        .move-title= move.name
        .move-description
          Some good description of the move.

我已经有了.move-wishlist和.move-checklist这些显示选定/未选定图像的div。我想要做的是：当我点击任何这些div时，我想停止link_to触发器，只需运行这些div的单击触发器。也许与jquery相关的东西，但我无法弄清楚如何。

非常感谢任何帮助：）

Answer 1

在某处您为div定义了一个回调函数，例如（假设jquery）：


    $('.move-wishlist').bind('click', function(e) {
        // ... your action here
    });

你只需要添加

e.preventDefault();

在函数内部，以防止点击事件上升并到达您的链接。

完整的事件代码：

$('.move-wishlist').bind('click', function(e) {
    // ... your action here
    e.preventDefault();   
});

如何点击div并且不要触发点击操作

1 个答案: