我喜欢有一个列表,哪些元素可以放在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>(example和iframe)时起作用.
当我使用自定义标签时,它正在使用<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)
所以基本上可拖动和可排序的方法不适用于我的自定义html标签.什么之间如此不同 …
我有一个页面,其中有2个iframe,并排,来自同一个域.我想将一个元素从一个iframe的特定拖动区域(例如一个表格)拖放到另一个iframe的特定拖放区域(例如列表).我检查了stackoverflow和其他地方的所有相关问题,但我找不到合适的解决方案.我尝试使用jQuery UI draggable,但问题是返回的draggable元素包含在iframe中.我无法将其拖出iframe边界.所以,我的下一个想法是在顶部(父)窗口上创建可拖动元素,但是我想我必须以某种方式从iframe上的dragstart事件触发父窗口上的拖动事件.但是,当我将鼠标悬停在丢帧上的相应元素上时,如何检测掉落事件?
哦,如果这已经不够了,我也想让它在IE8上工作:)但是现在,我只想说我会找到一个不涉及拖放的IE8的后备解决方案.