JQuery Создание модального и открытия

Question

Я хочу создать модальный и отобразить его, когда пользователь нажимает на изображение. Существуют некоторые методы, такие как создание модального невидимого и после щелчка где-то JQuery делает его видимым, но я не хочу использовать эти методы, только хочу создавать и отображать модальные с помощью JQuery.

Как я могу создать его с помощью JQuery динамически?

Answer 1

Подчеркните в своем вопросе, что вы создаете диалог по щелчку и уничтожаете как противоположный, чтобы показывать и прятать право. Или легко.

<img class="ui-icon ui-icon-info" onclick="dynamicModal()"/> Click image 

Вот Js Порция

dynamicModal = function() { 
    $("<div>Dinamically created</div>").dialog({ 
     modal: true, 
     draggable: false, 
     resizable: false, 
     position: ['center', 'top'], 
     show: 'blind', 
     hide: 'blind', 
     width: 400, 
     dialogClass: 'ui-dialog-osx', 
     buttons: { 
      "Destroy": function() { 
       $(this).dialog("destroy"); 
      } 
     } 
    }); 
    return false; 
} 

Наконец скрипку, чтобы попробовать его http://jsfiddle.net/pfL5LL06/5/

Обратите внимание, что узел DIV создается на лету $("<div>Dinamically created</div>") и не привязан к существующему элементу