jQuery最輕的非模態對話框？

Question

這裏是一個演示：

http://jqueryui.com/demos/dialog/

但它太巨大了我。

共有2千行。

我想在一個文件中少於1千行。

Answer 1

您可以通過在http://jqueryui.com/download處取得下載時不需要的所有內容，從而將JQueryUI剝離爲其基本要素。

我會想象如果你這樣做，你可以得到1000行以下。

Answer 2

如果您厭惡高線數所隱含的複雜性，那麼您需要克服這個問題，否則您將最終做出voodoo，由於缺乏信任而從頭重新實現，以及選擇稍微複雜一些可以看，但最終是劣等的圖書館我說這是因爲你需要更少的代碼行，這是一個很好的度量複雜性和可維護性的指標，但是對於好的設計和好的文檔等重要的事情來說，這是一個糟糕的指標。如果您使用縮小的代碼，即使大小很少也是一個問題。

深吸一口氣，只是包括文件:)

Answer 3

@Shore： 要實現這一點，

HTML代碼：

<a id="clickme">Open Dialog</a> 

<div id="dialog" style="display:none;">Hello this is a dialog</div> 

JS代碼：

$(document).ready(function(){ 
    // Default settings for dialog 
    $("#dialog").dialog({ 
     bgiframe: true, 
     height: 300, 
     width: 350, 
     autoOpen: false, 
     modal: true, 
     overlay: { 
      opacity: 0.7, 
      background: "black" 
     } 
    }); 
    $('#clickme').click(function(){ 
     $("#dialog").dialog('open'); 
    }); 
}); 

Answer 4

我喜歡jqmodal。 （它不一定是模態的！）
約3k。

jqmodal link

初始化

$('#dialog').jqm(); 

顯示

$('#dialog').jqmShow(); 

Answer 5

我問自己同樣的問題。我可以在哪裏找到不包含jQuery UI的輕量級疊加插件？ 我大概花了一個小時在網上搜索後，決定自行實施。

那麼三年後的答案是：
您可以嘗試jquery.mloverlay一個簡單的，輕量級的jQuery插件顯示模式較少覆蓋。