jquery simplemodal несколько делений - PullRequest
Новая
       7

jquery simplemodal несколько делений

0 голосов
/ 25 апреля 2011

Я новичок в Jquery и использую плагин SimpleModal для создания всплывающих окон.Я хочу показывать только один контент за раз во всплывающем окне.Я использую одну и ту же ссылку div три раза на своей странице, но хочу показать на них разное содержимое.

Теперь все три содержимого отображаются в одном и том же окне.Вот мой код: 

jQuery(function ($) {

  $('.bt-menu').click(function (e) {                             
    $('.content, .content2, .content3').modal({onOpen: function (dialog) {
       dialog.overlay.fadeIn('slow', function () {
         dialog.data.hide();
         dialog.container.fadeIn('slow', function () {
           dialog.data.slideDown('slow');
           return false;
         });
       });
    }});
 });
});

Так что в основном у меня каждый контент внутри отдельных ссылок, использующих один и тот же класс ('bt-menu').Но я бы хотел показывать только содержимое, которое скрыто в этой ссылке, вместо того, чтобы показывать все скрытые элементы div во всплывающем окне.

Я знаю, что код вызывает все содержимое одновременно, просто не уверенкак это изменить ??

1 Ответ

0 голосов
/ 25 апреля 2011

Вы можете привязать каждого к своему модальному объекту. 

var makeModalObj = {onOpen: function (dialog) {
       dialog.overlay.fadeIn('slow', function () {
         dialog.data.hide();
         dialog.container.fadeIn('slow', function () {
           dialog.data.slideDown('slow');
           return false;
         });
       });
    }};

jQuery(function ($) {

  $('.bt-menu').click(function (e) {      

    $('.content').modal(makeModalObj);
    $('.content2').modal(makeModalObj);
    $('.content3').modal(makeModalObj);
  });
});
...