Re: [問題] jquery drag&drop 在drop後refresh div

看板Ajax作者 (Mr. Pan)時間14年前 (2011/10/30 00:24), 編輯推噓4(401)
留言5則, 1人參與, 最新討論串2/2 (看更多)
※ 引述《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

10/31 04:11, , 1F
還沒try出來,但是先謝謝你!
10/31 04:11, 1F

10/31 04:25, , 2F
看起來是iframe裡頭的head和body的問題
10/31 04:25, 2F

10/31 04:25, , 3F
文字部分是放置在body裡頭@@
10/31 04:25, 3F

10/31 04:42, , 4F
$(source).find("iframe").html('<textarea>...')
10/31 04:42, 4F

11/01 14:24, , 5F
$(source).find(ifram)這樣好像會取代原本jHtmlArea
11/01 14:24, 5F
文章代碼(AID): #1Eh2Z8qR (Ajax)
文章代碼(AID): #1Eh2Z8qR (Ajax)