2011-10-05 30 views
2

我剛剛開始使用jQuery和ASP.NET MVC。我想在JQuery的網站的例子中提到的相同模式窗體 - http://jqueryui.com/demos/dialog/#modal-form如何在JQueryUI中禁用背景 - 模態窗體?

$("#divSchedule").dialog({ 
          autoOpen: false, 
          show: "slide", 
          modal: true 
         }); 
$("#btn").click(function() { 
    $("#divSchedule").dialog("open"); 
    return false; 
}); 

對話框出現在頁面上,但用戶可以點擊任何後臺控制。你能建議一些東西來禁用(模糊)背景嗎?這與CSS有關嗎?

回答

4

基本上你發你的對話框定義亂七八糟的,試試這個http://jsfiddle.net/tctc2/1/

+0

謝謝bud ..我想我需要學習JQ rathe的「即時」編碼風格而不是更傳統的結構化方式... – StartingFromScratch

+0

只是沒有必要過度使用它。在你的例子中,你聲明瞭變量dialogOptions兩次,然後嘗試兩次參數化對話框。 – eagerMoose

+0

這是真的......生長在2002年年底的asp.net舞臺上,其中JS必須被忽略,每個JS都應該寫很多評論,並且易於閱讀...... JQ將會是我的範式轉變 – StartingFromScratch

2

的提問簡單的回答是: 使用modal: true爲了

  1. 化妝背景暗
  2. 禁用任何互動具有後臺功能