相关疑难解决方法(0)

反应onClick和preventDefault()链接刷新/重定向?

我正在渲染一个带有反应的链接:

render: ->
  `<a className="upvotes" onClick={this.upvote}>upvote</a>`
Run Code Online (Sandbox Code Playgroud)

然后,上面我有upvote函数:

upvote: ->
  // do stuff (ajax)
Run Code Online (Sandbox Code Playgroud)

在链接之前我已经跨越那个地方,但我需要切换到链接,这就是麻烦 - 每次点击.upvotes页面都会刷新,到目前为止我尝试过:

event.preventDefault() - 无法正常工作.

upvote: (e) ->
  e.preventDefault()
  // do stuff (ajax)
Run Code Online (Sandbox Code Playgroud)

event.stopPropagation() - 不工作.

upvote: (e) ->
  e.stopPropagation()
  // do stuff (ajax)
Run Code Online (Sandbox Code Playgroud)

返回false - 不工作.

upvote: (e) ->
  // do stuff (ajax)
  return false
Run Code Online (Sandbox Code Playgroud)

我也在我的index.html中使用jQuery尝试了以上所有内容,但似乎没有任何效果.我该怎么做,我做错了什么?我已经检查了event.type,click所以我想我应该能够以某种方式避免重定向?

对不起,对于React来说,我是新手.

谢谢!

hyperlink coffeescript preventdefault reactjs

66
推荐指数
5
解决办法
9万
查看次数

SEO:<button> vs <a> HTML标签

我正在使用Twitter Bootstrap构建一个项目.在文档中说明:

按钮标签

使用一个按钮类<a>,<button><input>元素.

[...]

跨浏览器渲染

作为最佳实践,我们强烈建议<button>尽可能使用该元素以确保匹配跨浏览器呈现.

这是一个很好的练习SEO明智的说法吗?

html anchor seo button twitter-bootstrap

7
推荐指数
1
解决办法
6445
查看次数