1

在我的 CMS 上，我有一个缩略图列表（可排序）。缩略图效果很好，现在我正在编写一个插件来将它们拖到 tinyMCE 窗口中。

由于 tinyMCE 窗口有一个 iFrame，所以它不能很好地工作。

jQuery为 Draggables 提供了一个名为 iframeFix 的选项，它可以完全按照我的需要工作。但是，该列表必须是可排序的。我在 Google 上进行了相当广泛的研究，但没有人符合我的要求。StackOverflow 上有人做过吗？

将 iframeFix 应用于 Sortables？

如果没有...我正在使用 jQuery 插件。

先感谢您！

4

2 回答 2

1

我已经做到了。

您需要在 iFrame 顶部有一个 DIV 以让 Draggable/Sortable 顺利进行。所以我使用 jQuery 在 iframe 之上创建了一个 DIV。然后当你抓住元素时它会显示出来，当你放下它时会破坏它。奇迹般有效。如果有人需要类似的东西，请告诉我。

更新（应大众要求）：

在我的特定场景中，我使用以下 DIV：

<div id="iframeDivFixer" class="ui-draggable-iframeFix" style="background-color: rgb(255, 255, 255); display: none; width: 665px; height: 665px; position: absolute; opacity: 0.001; z-index: 1000; left: 362px; top: 290px; background-position: initial initial; background-repeat: initial initial;"></div>

而且，只要我抓住缩略图，就会使用 javascript 将display属性设置为block. 当您释放可拖动对象时，该过程相反。

于 2010-08-25T05:35:19.447 回答
0

这是一个非常古老的问题，但还有另一种使用 css 的方法 -pointer-events:none;所有当前支持的浏览器（IE11 及更高版本 - caniuse.com）都支持该方法

$("#sortable").sortable({
    start: function() {
        $("iframe").css("pointer-events", "none");
    },
    stop: function() {
        $("iframe").css("pointer-events", "");
    },
});
于 2016-05-12T16:16:19.390 回答