самый легкий немодальный диалог с jQuery?

Question

Вот демо:

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

Но это слишком огромный для меня.

Всего включено 2 тысячи строк.

Я хотел бы иметь один в одном файле с менее чем 1 тыс. Строк.

Answer 1

Вы можете отключить JQueryUI до нужного вам момента, сняв все необходимые вам вещи при загрузке, когда вы получите его на http://jqueryui.com/download.

Я бы предположил, что вы можете получить его ниже 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

Init

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

Показать

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

Answer 5

Я задавал себе тот же вопрос. Где я могу найти легкий плагин с надписью без включения jQuery UI? После того, как я потратил час на поиски в Интернете, я решил реализовать его самостоятельно.

Таким образом, после трех лет ответ:
Вы можете попробовать jquery.mloverlay простой, легкий JQuery плагин для отображения модальных меньше наложений.