2011-07-27 45 views
0

對JavaScript很新穎...我正在使用JQuery創建自定義對話框。對話框定位並用關閉替換X

問題(S):

  1. 如何對話框定位到使用特定的(X,Y)座標(或其他機構)在屏幕上的任何地方我想要什麼?不希望它出現在中間。

  2. 如何用「關閉」替換X?

有這種但這只是讓對話框的標題欄消失:

function showBox() { 
    $("#showBox").dialog( 
     { 
      closeOnEscape: false,  
      open: function(event, ui) { 
       $(".ui-dialog-titlebar-close").hide(); 
     } 
); 
} 
  1. 如何設置它,所以它不能被拖動或最終用戶感動?

任何幫助將是非常讚賞...

感謝您抽出時間來閱讀。

回答

0
  1. position選項
  2. draggable選項

你可能不得不玩的關閉邏輯來得到你想要的東西,但這裏是它的精神...

function showBox() { 
    $("#showBox").dialog({ 
     open: function(event, ui) { 
      jQuery('.ui-dialog-titlebar-close').removeClass("ui-dialog-titlebar-close").html('<span>Close</span>'); 
     }, 
     draggable: false, 
     position: [350,200], 
     closeOnEscape: false 
    }); 
} 

編輯:對不起,鏈接不起作用,但這些選項位於鏈接頁面的選項選項卡下。