Simplemodal AJAX - PullRequest
Новая
       10

Simplemodal AJAX

0 голосов
/ 21 мая 2010

Я пытаюсь внедрить 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
                });
            });
        });

Ответы [ 2 ]

1 голос
/ 22 мая 2010

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

как насчет изменения этого кода: 

$(data).modal({

будет: 

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

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

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

до этой строки: 

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

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

$('#basic-modal-content').html(data);
0 голосов
/ 30 января 2011

Я тоже новичок в jQuery и, я полагаю, способ, которым вы его используете, не будет работать, поскольку «данные», даже если ваш php мог обслуживать их как div, параграф и т. Д. еще. Следовательно, вы не можете быть модальным, я думаю.

Тем не менее, вы можете загрузить эти данные в скрытый div и модально:

$ ( '# myDiv') HTML (данные). $ ( '# MyDiv') модальный ();.

...