作者darkk6 (Mr. Pan)
看板Ajax
标题Re: [问题] jquery drag&drop 在drop後refresh div
时间Sun Oct 30 00:24:38 2011
※ 引述《taurus510 (ciao!)》之铭言：
: 版上大大好
: 最近再做一个练习，我将网路上提供的jquery文字编辑器
: 请参考sample: http://jsfiddle.net/chao/yUfYs/
: jHtmlArea http://jhtmlarea.codeplex.com/
: 用一层div包住，赋予drag方法
: (ps 我用的是 easyui)
: 另外版面上有一个<div id=droptarget>的区块用来放置被拖曳的东西，
: 可是当我拖曳文字编辑器进去 droptarget後，
: 文字编辑器本身的功能都无法使用，连打字的区块都不行。
: 我知道网页的元件是一开始就载入好，所以可能导致我想要的效果无法实现。
: (因为编辑器本身有引入外部js档，drop时)
: 所以才会思考看看再drop时，refresh包住编辑器的方法，
: 这只是我的一个思路。
: 想请问版上各位高手有什麽idea可以供敝人参考吗?
没有时间摸，不过我稍微瞄了一下
jHtmlArea 会把原本的 textarea 隐藏起来，并新增一些东西进去
所以新的 textarea 基本上应该是没作用了
取而代之的是一个 iframe
所以可以试试看：
onDrop 事件里面，里用 $(source).find("iframe").html()
取出目前内容，接这建立一个新的 textarea 放到目的地，
接着在将这个新的 textarea 变成 jHtmlArea
不过这只是想法，还没实测可行性，可以试试看。
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 122.123.82.7
1F：推 taurus510:还没try出来，但是先谢谢你! 10/31 04:11
2F：推 taurus510:看起来是iframe里头的head和body的问题 10/31 04:25
3F：→ taurus510:文字部分是放置在body里头@@ 10/31 04:25
4F：推 taurus510:$(source).find("iframe").html('<textarea>...') 10/31 04:42
5F：推 taurus510:$(source).find(ifram)这样好像会取代原本jHtmlArea 11/01 14:24