2012-10-09 53 views
2

我正在嘗試改善我的網站的性能。一個好的軸將是擺脫jQuery UI的依賴。獨立jQuery UI對話框/替代

目前我只需要對話框功能。我認爲我會重新編碼它,但是如果已經有類似的實現,它會爲我節省很多時間。

你知道是否有非常類似的獨立版本的jQuery UI對話框? (基本上是我需要的是打開一個對話框居中並加載在AJAX頁面)

編輯:只是爲了澄清什麼我正在尋找的是,將有相同的行爲如jQuery UI的對話框插件,用是這樣的:

$(modale).dialog('option', 'position', 'center'); 
$(modale).dialog('option', 'width', 'auto'); 
$(modale).dialog('close'); 
$(modale).dialog('destroy'); 

這裏是那種選擇使用:

var options = { 
    width: 500, 
    minWidth: false, 
    minHeight: false, 
    dialogClass: 'modalDefault', 
    modal: true, 
    closeOnEscape: false, 
    open: function(event, ui) {.....}, 
    close: function() { ......} 
    } 

如果你知道我可以整合原樣,或者用很少的修改一個插件,這將是非常巨大的。如果不可能,我將使用tpaksu建議的自定義jquery-ui

謝謝!

回答

0

我對我的前端UI控件的絕大多數使用Twitter Bootstrap,但有幾個盲點沒有充分覆蓋,比如日期選擇器。

幸運的是,在jqueryui.com上的站點允許你下載一個只包含你需要的定製版本。我會在嘗試新事物之前嘗試一下。

+0

這就是我第一次嘗試的方式,但JS仍然約40kB的縮小,我認爲通過優化,它可以不超過10kB。 –

3

看一看下面的鏈接。

基於jQuery的簡單模態插件,專門用於模態對話框。

jQuery Simple Modal Plugin

+0

這個對於jQuery UI的實現看起來確實是封閉的,我會試試看,並告訴你它是如何結束的。感謝:-) –

0

可以使用download builder創建jQuery用戶界面的定製構建只包括您希望使用的部件。

+0

如前所述,我真的想要超級優化這個功能,即使是輕量級的構建,它仍然是最低的方式,像框架一樣。 –