【问题标题】:JQuery Problem With Link Click链接点击的JQuery问题
【发布时间】:2011-02-19 18:46:45
【问题描述】:

我正在做一个小项目。

我在页面上找到的回复链接有问题。该问题仅发生在 Firefox 上。我在 Google Chrome 上测试过,但没问题。

理想情况下,当我点击回复链接时,最上面的分享框会消失,回复框会出现在要回复的评论下方。

当我点击谷歌浏览器上任何评论的回复链接时,最上面的分享框立即消失,回复框同时出现。

但是,在 Firefox 中,在 第一次点击时,除了最上面的共享框失去焦点之外,什么也没有发生。在第二次点击时,最上面的分享框消失,回复框显示。

我的问题是:为什么它需要两次点击才能在 Firefox 中运行?我希望它只在第一次点击时工作。

【问题讨论】:

  • 您是否在 Safari、IE 和/或 Opera 中进行过测试?这可能会提供一些重要信息(在 webkit 中工作等)
  • 你能分享一些隐藏和显示的代码
  • 您的链接在 chrome 本身中不起作用!
  • 代码乱七八糟,不过上面已经加了。
  • 在 Windows 7 IE(版本?)中测试 - 同样的问题。

标签: php jquery html css


【解决方案1】:

那个remove()在fadeOut完成后执行。 (浏览器不等待,继续执行下一行)

所以当浏览器认为fadeOut 完成时,删除$('#comment_form')。那在浏览器慢的情况下已经填好了新的表格?

所以尝试不使用fadeOut,看看是否可以这样工作,并按时间顺序继续执行该代码。

【讨论】:

  • 我试过直接删除,有淡出,还是不行...:(
  • 如果要保持淡出,请插入新评论表单fadeOut(0,function({ HERE });
  • 我刚刚尝试了一些东西。我在点击功能中添加了一个警报。就在 $("a.reply").click(function() { 之后发现警报甚至没有被触发。这意味着第一次点击链接时甚至没有调用点击处理程序
  • 这可能是因为 click() 是静态的。尝试像这样绑定事件: $("a.reply").live('click', function(
  • 好的,我已经下载并测试了,似乎问题出在插件弹性上。如果您删除它,它将起作用。它以某种方式阻止了点击事件的捕获
猜你喜欢
  • 1970-01-01
  • 2012-12-31
  • 1970-01-01
  • 2016-07-18
  • 1970-01-01
  • 2011-10-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多