2013-01-31 74 views
17

我剛剛將我的jQuery/jQuery UI升級到最新版本(jQuery 1.9.0,jQuery UI 1.10.0),並且它似乎破壞了我的一些jQuery UI對話框功能。在ASP.NET中回發的jQuery模態對話框

爲了在ASP.NET中做一個jQuery UI對話框中的回傳,有一個非常常見的解決方法,你必須將你的DIV重新附加到主FORM,因爲jQuery會重新構造DIV之外的DIV FORM,像這樣:

$("#newInsurance").dialog({ 
    autoOpen: false, 
    modal: true, 
    open: function (type, data) { 
     $(this).parent().appendTo($("form:first")); 
    } 
}); 

不幸的是,因爲這個升級現在提出該對話框的背景灰色/禁用覆蓋後面。所以Popup中的表單不可用,並且全部變灰。我已經嘗試了幾件事情,但似乎無法使其發揮作用 - 似乎這種舊的解決方法似乎不再有效。有誰知道一個新的解決方法,將工作?或者我錯過了什麼?這工作很好,直到我升級。

以下是有關工作圍繞用來工作的一些詳細信息:

我與Internet Explorer的和谷歌Chrome 24.x

According to the jQuery UI website測試這一點,對話框API已經完全在jQuery UI的重新設計1.10.0:

回答

18

好了,這似乎是jQuery UI的1.10修補程序:

$("#newInsurance").dialog({ 
    autoOpen: false, 
    appendTo: "form", 
    modal: true 
}).parent().css('z-index', '1005'); 

在jQuery UI的V1.10他們增加了一個appendTo屬性,這似乎與調用.parent().appendTo($("form"))完全相同。修復的訣竅是z-index。

+0

謝謝。我的工作沒有.parent.css(...)位無論如何(jQuery的UI - v1.10.2) –

+1

這工程!但是這是應該按照Jquery團隊處理的方式嗎?它肯定看起來像一個黑客 – Rajiv

+0

我真的不知道。我與此打了很長一段時間,並在嘗試一些有效的工作之前到處尋找。現在可能有更多的信息可用,但是當我實現這個時,最近在JUI 1.10發佈後我找不到任何東西。 –