相关疑难解决方法(0)

在iframe中使自定义HTML元素可以放置

我喜欢有一个列表,哪些元素可以放在iframe的列表中,类似于这个例子.我通过这个帖子找到了一个有效的解决方案,但在我的情况下,我需要的不是其他元素<li>.

这是我的设置:

<div id="container">
    <ul>
        <li>To drop 1</li>
        <li>To drop 2</li>
    </ul>
</div>
<iframe id="frame" src=""></iframe>
Run Code Online (Sandbox Code Playgroud)

和iframe内容:

<ul id="sortable">
    <li>Element</li>
    <li>Element</li>
    <li>Element</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

这可以在这里看到.

它甚至可以在将<ul>and和<li>'s 更改为<div>(exampleiframe)时起作用.

当我使用自定义标签时,它正在使用<foo><bar>标签,但我真正需要的是使用它<modules><module>标签.

<foo id="sortable">  //WORKS!!
    <bar>Element</bar>
    <bar>Element</bar>
    <bar>Element</bar>
</foo>

<modules id="sortable"> //DOESN'T WORK!!
    <module>Element</module>
    <module>Element</module>
    <module>Element</module>
</modules>
Run Code Online (Sandbox Code Playgroud)

这是我实际需要工作的小提琴iframe.

所以基本上可拖动可排序的方法不适用于我的自定义html标签.什么之间如此不同 …

html iframe jquery jquery-ui

10
推荐指数
1
解决办法
709
查看次数

两个iframe之间的JavaScript/jQuery拖放元素

我有一个页面,其中有2个iframe,并排,来自同一个域.我想将一个元素从一个iframe的特定拖动区域(例如一个表格)拖放到另一个iframe的特定拖放区域(例如列表).我检查了stackoverflow和其他地方的所有相关问题,但我找不到合适的解决方案.我尝试使用jQuery UI draggable,但问题是返回的draggable元素包含在iframe中.我无法将其拖出iframe边界.所以,我的下一个想法是在顶部(父)窗口上创建可拖动元素,但是我想我必须以某种方式从iframe上的dragstart事件触发父窗口上的拖动事件.但是,当我将鼠标悬停在丢帧上的相应元素上时,如何检测掉落事件?

哦,如果这已经不够了,我也想让它在IE8上工作:)但是现在,我只想说我会找到一个不涉及拖放的IE8的后备解决方案.

javascript iframe jquery drag-and-drop draggable

1
推荐指数
1
解决办法
4329
查看次数

标签 统计

iframe ×2

jquery ×2

drag-and-drop ×1

draggable ×1

html ×1

javascript ×1

jquery-ui ×1