Textarea 调整大小并触发 best_in_place 模糊事件答案

【问题标题】：Textarea resizes and triggers best_in_place blur eventTextarea 调整大小并触发 best_in_place 模糊事件
【发布时间】：2013-06-22 00:14:55
【问题描述】：

我在几个 textarea 上使用 best_in_place gem，有时（看似随机）当我点击保存时，textarea 会“跳跃”并触发模糊事件，提示“放弃更改”警告。

代码如下：

<p>
  Administrator Notes (<%= link_to 'Edit', '#', id: 'edit_notes_link', onclick:
  'event.preventDefault()' %>)
</p>
<div class="panel radius">
  <%= best_in_place [:admin, @booking], :notes, type: :textarea, ok_button:
  'Save', cancel_button: 'Cancel', activator: '#edit_notes_link', display_with:
  :simple_format, nil: '<i>None</i>' %>
</div>

这是行为的 GIF：

（还有the video GIF 的来源）

我猜测某处发生了一些 JavaScript 诡计，但我不知道从哪里开始调试它。如果您已经看到 Best in Place 的行为是这样的，或者您有一些关于如何调试它的指示，那么我非常感谢您的帮助。

【问题讨论】：

您找到解决方法了吗？
@rmagnum2002 不，我从来没有弄清楚，我不再从事那个项目：/
如果您将 :use_confirm => false 放入关闭警报的选项中会发生什么 - 这会改变行为吗？

标签： javascript html ruby-on-rails ruby-on-rails-3.2

【解决方案1】：

如果您使用基本的 chrome 开发工具，如果您必须绝对使用最佳就地，建议您首先分解 DOM 断点操作并检查日志。将帮助您隔离问题。

但如果没有，X-editable 会更容易使用。

【讨论】：

【解决方案2】：

我没有使用过最好的 gem，但是我有类似的要求。我用过x-editable

效果很好。

【讨论】：

【解决方案3】：

我遇到了同样的问题，刚刚删除了ok_button。它现在似乎工作正常。

【讨论】：

【解决方案4】：

如果您使用的是 firebug，请尝试打开日志事件以获取更多信息。这是一篇解释它的文章http://www.softwareishard.com/blog/firebug/firebug-tip-log-dom-events/

【讨论】：