Не работает модальное окно Jquery из ссылки всплывающей подсказки - PullRequest
Новая
       15

Не работает модальное окно Jquery из ссылки всплывающей подсказки

1 голос
/ 07 февраля 2011

У меня есть всплывающая подсказка javascript, которую я хотел бы вызвать модальным окном jquery (по цвету), когда ссылка нажата из подсказки.Каждой ссылке присвоено class="modalPageWide".Класс modalPageWide - это то, что вызывает модальное окно jquery.

Проблема заключается в том, что когда любой из ссылок в Примере 1 назначается modalPageWide и при щелчке по нему не вызывается модальное окно jquery.Может кто-нибудь решить, что мне нужно сделать для моей последней части?

Вот демонстрация и мой код: http://jsbin.com/ijeku4/4/

Код запроса: 

$(document).ready(function()
   {$(".modalPageWide").colorbox({
        width:"800px",height:"610px",opacity:0.6,iframe:true
   })}
);

Код всплывающей подсказки: 

dw_Tooltip.defaultProps = {
      sticky: true,
  klass: 'tooltip',
  showCloseBox: true,
  klass: 'tooltip2', // class to be used for tooltips
      closeBoxImage: 'http://www.google.com/apps/images/x.png',
      wrapFn: dw_Tooltip.wrapSticky
}

dw_Tooltip.content_vars = {

tooltip_popup: {
        content: 'Click a link to continue' +
'<ul><li><a href="http://www.amazon.com" class="modalPageWide">Link 1</a></li>' +
'<li><a href="http://www.amazon.com" class="modalPageWide">Link 2</a></li>' +
'<li><a href="http://www.amazon.com" class="modalPageWide">Link 3</a></li>' +
'<li><a href="http://www.amazon.com" class="modalPageWide">Link 4</a></li></ul>',
        klass: 'tip'
    }
}

1 Ответ

1 голос
/ 07 февраля 2011

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

изменить & mdash; Хорошо, теперь, когда я вижу этот плагин всплывающей подсказки, похоже, вы можете дать ему функцию «on_show» в опциях: 

dw_Tooltip.defaultProps = {
  sticky: true,
  klass: 'tooltip',
  showCloseBox: true,
  klass: 'tooltip2', // class to be used for tooltips
  closeBoxImage: 'http://www.google.com/apps/images/x.png',
  wrapFn: dw_Tooltip.wrapSticky

};

dw_Tooltip.on_show = function() {
   $(".modalPageWide").colorbox({
      width:"800px",height:"610px",opacity:0.6,iframe:true
   })
};

Это может потребоваться настроить, в зависимости от того, как работает эта подсказка. (Я просмотрел его, но я не прошел через все это.) Если содержимое всплывающей подсказки повторно добавляется в DOM при каждой активации, то это, вероятно, будет в порядке; однако, если всплывающая подсказка остается, и в зависимости от того, что делает «colorbox», может потребоваться отслеживать, был ли фрагмент DOM всплывающей подсказки уже «colorboxed».

...