CI: Jquery всплывающее окно

Question

Я работаю с кодом HTML / Jquery, который наш дизайнер передал мне, чтобы я мог интегрировать в него CI. Проблема, с которой я сталкиваюсь, заключается в том, что некоторые ссылки используют jquery для открытия световых ящиков, но после помещения в CI они больше не работают. Если я указываю ссылку на контроллер, а затем загружаю всплывающее окно, оно просто загружает всплывающее окно как целую страницу, а не как простое теневое окно.

Я посмотрел на CI anchor_pop ... это правильно использовать? Другими словами, при использовании кода, предоставленного дизайнером, всплывающее окно открывается идеально (по центру, по размеру вправо и т. Д.). При использовании anchor_pop, когда он вызывает мою страницу, он также открывает ее в стиле фанк. Есть ли простой способ просто вызвать функцию page / jquery, как это сделал мой дизайнер, как показано ниже? Спасибо.

Фрагмент кода, на мой взгляд, выглядит следующим образом:

JQuery:

$(function(){
$('form').jqTransform();
});
$(window).load(function  () {
$(".join-button a").fancybox().trigger('click');
});

Ссылка:

<li class="join-button"><a href="pupup1.html">join</a></li>

Отредактировано: Я попытался удалить предложенное .trigger ('click'), но безуспешно. Ниже приведено изображение того, что я хочу, и изображение того, что происходит:

Answer 1

Вам не нужно помещать код в функцию $(window).load(). Fancybox - это плагин jQuery, поэтому его следует использовать в обычной функции $(document).ready().

Никола прав, хотя вы не хотите вызывать щелчок по элементу. Попробуйте это:

$(function(){
    $('form').jqTransform();
    $(".join-button a").fancybox();
});

Если у вас все JS-файлы загружены правильно, это должно сработать.

Answer 2

Я думаю, что вы должны сделать:

$(window).load(function  () {
    $(".join-button a").fancybox();
});

если вы .trigger('click') вы имитируете простой щелчок по ссылке, и вы попадаете на эту страницу