iT邦幫忙

0

請問 jquery 的 dialog , 左上角的 [X] 是如何實現的!?

各位先進好,
小弟想了解 jquery 的 dialog上[X],目的是想將相同的功能複製到我的 Message close button上.
小弟目前的做法是調用dialog('close') , dialog('destroy') ,以及remove()等做法.
但有時候會發生close button失效的問題,而[X]尚能執行.麻煩解惑 給我一點方向

1 個回答

6
player
iT邦大師 1 級 ‧ 2012-12-20 16:50:40
最佳解答

你是用 jQuery UI的嗎?
如果是的話
你可以查他們未壓縮版本的code
http://jquery-ui.googlecode.com/svn/tags/1.8.24/ui/jquery.ui.dialog.js

應該是這段
uiDialogTitlebarCloseText = (self.uiDialogTitlebarCloseText = $('<span></span>'))
.addClass(
'ui-icon ' +
'ui-icon-closethick'
)
.text(options.closeText)
.appendTo(uiDialogTitlebarClose),

所以你要操作它的話, 應該用
$('span.ui-icon-closethick') 去操作

john11221 iT邦新手 5 級 ‧ 2012-12-20 17:51:32 檢舉

另外 因為我同時有多個 dialog可能會顯示,但目前僅有在content內容有ID名稱,那我該如何正確關閉當前視窗?
<div>
<div>[X]按鈕</div>
<div>Content 內容(有id)</div>
<div>Close button</div>
</div>

我目前是利用id去做dialog關閉

john11221 iT邦新手 5 級 ‧ 2012-12-20 19:22:46 檢舉

感謝大大的幫忙!
我利用 Array 以及 trigger("click")的方式達到我要的結果了!

我要發表回答

立即登入回答