Question

这是我的第一个Coffeescript功能，无法弄清楚如何在用户点击并触发事件后不刷新我的页面：

jQuery ->
  $(".answer_link").click -> 
    $val = $(this).attr 'id'
    $id = $val.replace(/answer_link_/, '')
    $input = "#new_answer_" + $id
    $($input).toggle 'slow'

谢谢！

Answer 1

我认为这是关于jQuery或JavaScript的问题。您可以使用.preventDefault()执行此操作：

jQuery ->
  $(".answer_link").click (event)->

    #like this
    event.preventDefault()

    $val = $(this).attr 'id'
    $id = $val.replace(/answer_link_/, '')
    $input = "#new_answer_" + $id
    $($input).toggle 'slow'

有关preventDefault的更多信息。

Answer 2

只需在点击功能的末尾添加return false，如下所示：

jQuery ->
  $(".answer_link").click -> 
    $val = $(this).attr 'id'
    $id = $val.replace(/answer_link_/, '')
    $input = "#new_answer_" + $id
    $($input).toggle 'slow'
    return false

我怎么能写这个coffeescript所以它不刷新我的页面？

2 个答案: