Simplemodal AJAX

Question

Я пытаюсь реализовать Simplemodal на своем веб-сайте. Простые текстовые поля действительно легко сделать, но я не могу найти способ показать другую страницу через AJAX. Я очень мало знаю о JQuery и нет документации о том, как это сделать, так может кто-нибудь мне помочь? Благодарю.

Это код по умолчанию Простого модального окна:

jQuery(function ($) { 
$('#basic-modal .basic').click(function (e) { 
    $('#basic-modal-content').modal(); 

     return false; 
});}); 

Это некоторый код, который я взял из простой модальной контактной формы, которая работает с помощью AJAX. Я пытаюсь настроить его, но я не понимаю его структуру. Как я уже сказал, я совершенно не знаком с JQuery.

   $.get("data/contact.php", function(data){ 
       // create a modal dialog with the data 
       $(data).modal({ 
        closeHTML: "<a href='#' title='Close' class='modal-close'>x</a>", 
        position: ["15%",], 
        overlayId: 'contact-overlay', 
        containerId: 'contact-container', 
        onOpen: contact.open, 
        onShow: contact.show, 
        onClose: contact.close 
       }); 
      }); 
     }); 

Answer 1

Я не вижу точно, проблема заключается в отсутствии полного кода вашей страницы.

как об изменении этого кода:

$(data).modal({ 

быть:

$('#basic-modal-content').modal({ 

после этой строки:

$.get("data/contact.php", function(data){ 

до этой линии:

$('#basic-modal-content').modal({ 

написать этот код:

$('#basic-modal-content').html(data); 

Answer 2

Я новичок в JQuery тоже, и, я считаю, то, как вы его не будет работать, так как «данные», хотя могли бы обслуживаться РНР как DIV, параграф и т. д., он пока не существует. Таким образом, вы не могли быть модальными, я думаю.

Однако, хотя, вы можете загрузить эти данные в скрытом DIV и модальный его:

$ ('# myDiv') HTML (данные);. $ ('# myDiv'). Modal();