使用储罐认证库时，在codeigniter中将视图显示为弹出窗口

我正在使用坦克认证库在codeigniter中开发博客（从网上下载）

正如你们所知，博客包含喜欢/不喜欢按钮。当点击喜欢按钮（一个查看页面）时，第一个控件被转移到控制器，在控制器中检查用户是否登录，若用户登录，则控件被转移回主博客页面，博客被喜欢（即喜欢计数器递增） 但是，如果用户未登录或不是社区成员，则会显示登录/注册表单

所有这些功能都在内置的坦克认证库中，运行良好

问题: 我希望，如果用户未登录或不是会员，则无论显示哪个页面（登录/注册/忘记密码/再次发送电子邮件），都应在单击“喜欢/不喜欢”按钮时弹出窗口打开

已完成的工作： 使用了锚弹出功能，但没有使用。 结果：在新窗口中显示视图

将登录/注册表单的视图放在同一博客页面上，使用jquery（淡入淡出）等功能显示弹出窗口。 结果：显示弹出窗口，但由于该弹出窗口不是来自控制器，因此没有任何用处。（因为坦克身份验证库函数未得到解决。）

所以如果可能的话，请帮助我显示视图（作为弹出窗口从控制器调用）。 如果可能，然后发送一些适当的链接或任何演示项目。 jquery fancy box中有一个函数，我想这是可行的。 我知道这个问题将通过应用jquery+mvc流的概念来解决，但由于我对php和codeigniter都是新手，所以我无法正确地整合我的想法

---

提前谢谢。

使用

Fancybox

您的问题会得到解决。[下载]先下载软件包。然后在模板中包含

CSS

和

JS

用法：

<a href="<?=base_url()?>home/login/" class="fancybox">Login</a>
$(function(){
    $(".fancybox").fancybox({
        type        : 'iframe',
        autoSize : false,
        width    : "60%",
        height   : "56%",
        'scrolling'     : 'no',
        'titleShow'     : false,
        openEffect  : 'fade',
        closeEffect : 'fade'
    });
});

必须在索引页的

部分包括：

<script type="text/javascript" src="<?=base_url()?>js/jquery-1.9.1.js"></script>
<link rel="stylesheet" href="<?=base_url()?>css/fancybox/jquery.fancybox.css" />
<script type="text/javascript" src="<?=base_url()?>js/jquery.fancybox.js"></script>

---

bootstraps model应该做这件事的诀窍是bootstrap envolve吗？bootstraps模型是一种“弹出式标记”，很容易使用，您可以在这里查看，我知道如果您根本不使用bootstrap，它离您的项目很远，但请重新考虑您的选项。我应该在哪里编写fancybox（）函数，在我调用控制器的查看页面上（如上所述，通过在href中提供链接），或在您的查看文件中的登录表单的查看页面上。在您的视图中也包括
Jquery.js
、
fancybox.js
和
fancybox.css
。这不是我的问题，我问的是应该将其包含在哪个视图文件中..我有许多视图文件..我调用控制器或登录页面视图文件的一个视图文件。是否存在仅某些版本的jquery支持fancy box的问题。请在视图中包含要放置
标记的位置，单击要打开弹出窗口的位置。有关fancybox的更多信息，请参阅fancybox的文档。在我看来，包括最新版本的
Jquery
这又回到了原来的故事，这就是你所知道的mvc结构。标签将被放置在一个视图文件（index.php，它将调用控制器），另一个视图页面是login.php…它必须显示在弹出窗口中。现在我应该在index.php（它将调用控制器）或login.php（它必须显示为弹出窗口）中放置jquery代码。请回复（如果可能，然后使用适当的示例）这是紧急项目…谢谢
<script type="text/javascript" src="<?=base_url()?>js/jquery-1.9.1.js"></script>
<link rel="stylesheet" href="<?=base_url()?>css/fancybox/jquery.fancybox.css" />
<script type="text/javascript" src="<?=base_url()?>js/jquery.fancybox.js"></script>

<script type="text/javascript">
$(function(){
    $(".fancybox").fancybox({
        type        : 'iframe',
        autoSize : false,
        width    : "60%",
        height   : "56%",
        'scrolling'     : 'no',
        'titleShow'     : false,
        openEffect  : 'fade',
        closeEffect : 'fade'
    });
});
</script>