如何在Codeigniter（最新版本）视图中使用fancybox

我想在我的一个CodeIgniter视图中使用fancybox。首先，我下载了fancybox然后我解压并复制了CodeIgniter的application/third_party文件夹中的文件。然后在myView.php我这样做：如何在Codeigniter（最新版本）视图中使用fancybox

<script type="text/javascript" src="<?php echo base_url('third_party/fancyBox/lib/jquery.mousewheel-3.0.6.pack.js'); ?>"></script>

，但是当我使用Firefox（检查元素）看到所有的请求，我得到404错误（的mousewheel-3.0.6.pack.js）。我错了什么？我应该遵循哪种方法？

更新：

这是我想对现在的视图部分：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
    <link rel="stylesheet" src="http://fancyapps.com/fancybox/source/jquery.fancybox.css"></script> 
    <script src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script> 
    <script type="text/javascript" src="<?php echo base_url('/Fancybox/lib/jquery.mousewheel-3.0.6.pack.js'); ?>"></script> 

    <title>Private Area</title> 
    <link rel="stylesheet" href="<?php echo base_url('home_view_style.css');?>"> 
</head> 
<body> 
    <h4>Benvenuto Utente</h4> 
    <a href="home/logout">Logout</a> 
<a class="fancybox" data-fancybox-type="iframe" rel="group" href="http://www.istruzioneformazionelavoro.it/Engine/RAServeFile.php/f/corsi/84/Tabella_corsi_allegatoDD311.pdf">prova</a>

来源

2016-03-01 user5913892

不要将其放在应用程序文件夹中，创建一个文件夹，是你的index.php，F.E.资产，那里，然后抽取看中框中输入您的看法写里面的东西一样<script src="/asssets/fancyBox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

啊哈，这个方法 - 你可以提取笨文件，其中你的根目录是和它的罚款，但作为用户指南说话，可以使公共文件夹，并把你的index.php在那里，设置你的域指向这个文件夹，并调整你的index.php中的应用程序和系统路径。然后，你的档案在公众视野外是安全的。

通过查看他人的工作来学习。我看了一下github，最近的CI项目，在那里你可以清楚地看到目录结构，资产是https://github.com/PandaGG/CI_Blog，index.php文件在公共目录中。

来源

2016-03-01 20:39:47 cssBlaster21895

感谢您的快速回复。正如你告诉我的，现在请求正常工作。但是，我想要做的就像这个http://jsfiddle.net/RHaAX/。我把我的看法放在相同的代码（当然还有其他的href），但它不起作用。我仍然不明白为什么。 – user5913892

查看jsfiddle的结果框架来源，只需复制或向我们显示您的视图 – cssBlaster21895

我刚刚附加了我正在处理的视图部分。 – user5913892

如何在Codeigniter（最新版本）视图中使用fancybox

回答

相关问题