CI：Jquery Pop-up

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(function  () {
    $(".join-button a").fancybox();
});

如果您.trigger('click')模拟了对该链接的简单点击，那么您将被带到该页面

Answer 2

您无需将代码放入$(window).load()函数中。 Fancybox是一个jQuery插件，因此应该在常规的$(document).ready()函数中使用。

Nicola是对的，你不想触发点击元素。试试这个：

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

假设您已正确加载所有JS文件，这应该可以。