2012-10-09 73 views
0

我有一份用于完成的调查表格。当用户完成一个问题(触发onBlur事件)时,页面会顺利滚动到下一个问题(使用锚标签)以完成。这工作除以下情形(在的jsfiddle所示)罚款:滚动到文本框Blur上的单选按钮

  • 用户在第一个文本框输入文字“A”
  • 他们通过向下滚动到,然后在选项直接点击离开文本框“A”单选按钮列表。

它完全触发了滚动事件(虽然它看起来不像jsFiddle中的光滑,尽管这是无关紧要的)。问题是它没有设置单选的radio选项被选中,用户需要再次点击该选项。

的jsfiddle:http://jsfiddle.net/4ZkpZ/5/

任何人任何想法?

+0

检查此[FIDDLE(http://jsfiddle.net/4ZkpZ/7/) – Sender

+0

谢谢,但是这消除了平滑滚动动画效果 –

回答

1

问题很简单。您将事件处理程序附加到整个主体。因此,任何模糊事件都会导致滚动到指定的div。而导致模糊事件的任何其他行为将被驳回。这就是为什么生成模糊事件的单选按钮的点击没有保持选定状态。

我所做的只是将事件处理程序绑定到表。为了您的方便,您可以向textareas添加特定的类或添加封闭的div。希望帮助

http://jsfiddle.net/4ZkpZ/10/

+0

感谢您的答复。但是,尽管您的代码允许我确认框,但它会失去平滑的滚动动画效果。 –

+0

是的,搜索了一下。找到了诀窍。 [链接](http://jsfiddle.net/4ZkpZ/11/) 也编辑了上述链接。 –