• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    jqery對話dialog怎么設置不能拖動

    電腦

    方式/步調

    1. 1

      第一種: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();??

      ????}??

      });?

      b64543a98226cffcf8cc8668b7014a90f703ea02.jpg
    2. 2

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

      9e3df8dcd100baa167e07e614910b912c9fc2e1f.jpg
    3. 3

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

      09fa513d269759ee25a25811bcfb43166c22df7d.jpg
    4. 4

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

      00e93901213fb80e183d590d38d12f2eb838947f.jpg
    5. 5

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

      77094b36acaf2eddff3c7133831001e93801931e.jpg
    6. 6

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

      bd3eb13533fa828b3246a639f31f4134960a5a86.jpg
    7. 7

      但愿對你有幫忙。

      dbb44aed2e738bd4464689ebaf8b87d6267ff981.jpg
    • 發表于 2019-08-13 22:27
    • 閱讀 ( 738 )
    • 分類:其他類型

    0 條評論

    請先 登錄 后評論
    admin
    admin

    0 篇文章

    作家榜 ?

    1. xiaonan123 189 文章
    2. 湯依妹兒 97 文章
    3. luogf229 46 文章
    4. jy02406749 45 文章
    5. 小凡 34 文章
    6. Daisy萌 32 文章
    7. 我的QQ3117863681 24 文章
    8. 華志健 23 文章

    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆