電腦
第一種:Java代碼:
self.uiDialog.draggable({??
????cancel:?'.ui-dialog-content,?.ui-dialog-titlebar-close',??
????handle:?'.ui-dialog-titlebar',??
????containment:?'document',??
????start:?function(event,?ui)?{??
????????if(window.navigator.userAgent.indexOf("MSIE")<1)??//2012-4-23?mod??
????????{??
????????????heightBeforeDrag?=?options.height?===?"auto"???"auto"?:?$(this).height();??
????????????$(this).height($(this).height()).addClass("ui-dialog-dragging");??
????????}??
??????????
????????self._trigger('dragStart',?event,?filteredUi(ui));??
????},??
????drag:?function(event,?ui)?{??
????????self._trigger('drag',?event,?filteredUi(ui));??
????},??
????stop:?function(event,?ui)?{??
????????options.position?=?[ui.position.left?-?doc.scrollLeft(),??
????????????ui.position.top?-?doc.scrollTop()];??
????????if(window.navigator.userAgent.indexOf("MSIE")<1)??//2012-4-23?mod??
????????{??
????????????$(this).removeClass("ui-dialog-dragging").height(heightBeforeDrag);??
????????}??
??????????
????????self._trigger('dragStop',?event,?filteredUi(ui));??
????????$.ui.dialog.overlay.resize();??
????}??
});?

第二種:可以把這個父容器弄當作iframe,這樣他就必定出不去了!

第三種:利用panel的onOpen事務,取得diglog的原始left和top當用戶在拖動dialog過程中,利用panel的onMove事務取得dialog地點父頁面body的width和height,經由過程計較,當用戶將diglog拖動出body時,利用panel的move函數將dialog移動到初始的位置。

第四種:因為dialog擔當了window事務,window事務擔當了panel事務。用panel事務,onMove即可完當作靜止拖動dialog,而且移動鼠標icon也會消逝。(這方式在ie9、火狐、谷歌正常運行,但在ie6會異常封閉的),這時應該改為:onMove:function(){$(this).draggable('disabled',true);}

第五種:設置對話框的按鈕,使其在左側或者右側或者無按鈕。這個選項頁可以在HTML中添加 data-close-btn 屬性來設置。

第六種:這要看你所用的jquery插件怎么實現的了,很可能這個插件就不撐持同時呈現多窗口這種用法

但愿對你有幫忙。

0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!