我有类似于的小部件/ portlet

<div id="100" class="portlets">
     <iframe src="widgets/widget1_iframe.html"></iframe>
</div>

每个iFrame中都有另一个iFrame。 我可以添加多个小部件/ portlet并对其进行排序。

我有一个脚本(针对每次更改)获取初始iFrame的SRC(因此,在本例中为widgets / widget1_iframe.html )和iFrame中iFrame的SRC(在我的测试版本中,它会提醒用户)。

因此,使用前面的示例,假设我添加了一个新的示例,

<div id="200" class="portlets">
     <iframe src="widgets/widget2_iframe.html"></iframe>
</div>

然后,我决定将第二个移到第一个之上。 我的脚本正确显示了widgets / widget2_iframe.html,但是在iframe中没有显示该iframe的任何内容。 然后,它正确显示了widgets / widget1_iframe.html以及该iframe中的iFrame。

我进行了检查,并且小部件/ Portlet中的iFrame(在iframe中)不适用于DOM。

因此,基本上,如果我添加并移动了100个portlet,它将向我显示除已移动的小部件/ portlet的iframe中的iframe之外的所有正确信息。 以下是我的可排序函数的stop事件

stop: function (event, ui) {
    var sortorder = '';
    $('.' + opts.columnClass).each(function () {
        var itemorder = $(this).sortable('toArray');
        sortorder += itemorder.toString();
    });

    var substr = sortorder.split(',');

    jQuery.each(substr, function () {
            $.post("process.php", {
                widget: $('div#' + this + ' div.widgetcontent iframe').attr("src"),
                iframe: $('div#' + this + ' div.widgetcontent iframe').contents().find('iframe').attr("src")

            }, function (data) {
                alert("Data Loaded: " + data);
            });

    });

本质上-不会为已移动的小部件/ portlet传递iFrame的值

#1楼 票数:0 已采纳

我在stop: function(event, ui) {之后直接放置了一个延迟stop: function(event, ui) { of 1 seconds,似乎对它进行了排序

  ask by pee2pee translate from so

未解决问题?本站智能推荐:

1回复

jQueryDraggable到基于iFrame的Sortable中的偏移问题

解决与将可拖动元素放入iFrame内可排序区域相关的偏移量时,我遇到了很多麻烦。 以下精简示例在此处演示了该问题。 确保将窗口保持相对狭窄,否则很难将元素完全放到iFrame中。 很明显,您不能将该项拖放到指定的位置,而必须在最左侧边框的右侧拖动约350像素,此后sortable将接受
3回复

上的jquery.sortable()

我试图让用户对这种标记进行排序 而我正在尝试这样: 但我的行为非常出乎意料,请检查: http://jsfiddle.net/GA4Qs/8/ 我该怎么做只让用户按步骤编号排序? (但将整个项目排序为块)
1回复

JQuery拖放:访问Sortable()Div

我已经将JQuery Drag and Drop插件插入到我的网站中。 它工作得很好,但是,我正在尝试访问正在排序的div,但却很难选择它。 所以,我试图在每列中选择每个“dragbox”。 这通常是简单的工作,但由于某种原因我无法访问它,也无法在FireBug中看到它。 有没有人有
1回复

jQuery-sortable不允许将子级添加到同级中

我试图在Jquery SOrtable的同级中添加子项。 但这是不允许的。 我想要的是这样的 我的代码是这样的 HTML 的jsfiddle 我在这里做错什么了吗?或者Sort-able不允许这样做?
2回复

在stop()事件中获取jquery-ui.sortable的下一行或上一行的属性值

我有一个gridview,并且已经实现了jquery.ui.sortable。 我已经成功为自定义属性“ printorder”分配了值,该属性用于列表中的顺序。 我需要知道的是,在删除可排序项目之后,如何获取打印顺序的上一个或下一个属性值。 到目前为止,这是我已经完成的操作,但是它不能
1回复

将jquery-ui-sortable列表中的拖放更改为click事件

我继承了一个旧的“职业发现者”项目。 其主旨是选择几个形容词,并输出最适合用户的“职业”。 我正在尝试使它适合移动设备。 它使用的是JQuery-Ui-Sortable,我对此不太熟悉。 现在,我想对其进行更改,以便仅单击列表中的一个形容词,然后将其放在“可排序” ul(列表)中。 当
2回复

如何实现Jquery数据表以及sortable()

我正在尝试实现数据表以创建一些计划,并且表中的行是可拖动的。 我使用sortable来实现此功能,这是我的html代码。 现在我的JS文件中的一些代码是 现在,单击按钮后,我将检索表的第一列。假设在起始表= 1个HTML 2 2 PHP 5 3 JS 4 并拖动和
1回复

用jquery-sortable替换掉的项目

我正在使用此插件( https://github.com/johnny/jquery-sortable )在两个表之间拖放行。 有没有一种方法可以替换掉的东西拖到一个? 另外我需要允许删除特定的行,这可能吗? 在下面的示例中,我有2个表。 “ COMPRAS”只能拖放,“ VENDA