Покажите: модальный плагин jQuery не появится - PullRequest
Новая
       10

Покажите: модальный плагин jQuery не появится

0 голосов
/ 28 ноября 2011

Я пытаюсь использовать Reveal by Zurb для отображения формы, но когда я выбираю элемент, который запускает событие, экран темнеет, как работает Reveal, но панель не отображается.Есть идеи?Большое спасибо за помощь!

Planner.js 

$(function() {

    $('.event_list li').click( function(e) {
        console.log(this.id);
        $('#update_view_content').reveal('http://example.com/user/planner/update/'+this.id);
    });

    $('#updateForm').live('submit', function() {
        var data = $('#updateForm').serialize();
        var url = $(this).attr('action');
        $.post(url, data);
        return false;
    });

});

1 Ответ

1 голос
/ 28 ноября 2011

При просмотре документации в Интернете, кажется, что нет параметров для метода reveal() - метод раскрытия просто показывает div на экране, поэтому

Вы бы создали разметку на своей странице: 

<div id="myModal" class="reveal-modal">
     <h1>Modal Title</h1>
     <p>Any content could go in here.</p>
     <a class="close-reveal-modal">&#215;</a>
</div>

затем покажите это ... 

 $('#myButton').click(function(e) {
      e.preventDefault();
      $('#myModal').reveal();
 });

Если вы хотите загрузить что-то в div и затем открыть, я предлагаю такой подход: 

$('.event_list li').click( function(e) {
    console.log(this.id);
    $('#update_view_content').load('http://example.com/user/planner/update/'+this.id,function() {
        $('#update_view_content').reveal();
    });
});

Это должнозагрузить содержимое, а затем, как только загрузка будет завершена, вызвать метод отображения. непроверенных

...