我正在尝试将Mercury 0.9与Rails 3.2项目集成在一起,但是内容iFrame只是拒绝在页面的正确部分上可见-它位于Mercury工具栏的后面,并具有150像素的固定高度。

在查看“水星”页面时,我看到以下内容的iFrame:

<iframe id="mercury_iframe" name="mercury_iframe" class="mercury-iframe"
frameborder="0" src="about:blank" style="left: 0px; visibility: visible; ">
</iframe>


当我查看Mercury演示页面[1]时,它看起来像这样:

<iframe id="mercury_iframe" class="mercury-iframe"
frameborder="0" src="about:blank" style="top: 86px; left: 0px;
height: 744px; visibility: visible; "></iframe>


注意顶部和高度样式-由于某些原因,我没有这些样式。在演示中,它们随着页面调整大小而改变。

所有的Mercury js和CSS似乎都在加载中,可编辑页面没有可能干扰的样式(在iFrame中应该无关紧要)。

我已经尝试过水银轨道宝石和GitHub上的Master。

任何帮助表示赞赏!

[1] http://jejacks0n.github.io/mercury/

最佳答案

感谢水星作家杰里米·杰克逊的回答。

该问题可能是通过将jquery> 1.7.7与Mercury一起使用引起的。我只是将<%= javascript_include_tag 'jquery', 'admin/mercury' %>中的layouts/mercury.html.erb更改为<%= javascript_include_tag 'jquery-1.7', 'admin/mercury' %>,所有问题都已解决。

Rails 3.2使用的是正在加载的jQuery 1.9。 Mercury gem中包含一个jquery-1.7.js的副本,上述更改用于Mercury。这不会干扰Rails或正在编辑的页面上使用的版本。

关于javascript - Mercury Editor 0.9-内容iFrame位于编辑器控件的后面,并且高度错误,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/19403500/

10-09 08:26