如何在 Codeigniter(最新版本)视图中使用 fancybox
How to use fancybox in Codeigniter(last version) view
我想在我的 CodeIgniter 视图之一中使用 fancybox。首先,我下载了 fancybox,然后解压并复制文件到 CodeIgniter 的 application/third_party
文件夹中。然后在 myView.php 我这样做了:
<script type="text/javascript" src="<?php echo base_url('third_party/fancyBox/lib/jquery.mousewheel-3.0.6.pack.js'); ?>"></script>
但是当我使用 Firefox(Inspect Element)查看所有请求时,我收到 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>
不要将它放在应用程序文件夹中,在您的 index.php、f.e 所在的位置创建文件夹。资产,在那里提取花哨的盒子,然后在你的视图中写下类似 <script src="/asssets/fancyBox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
的东西
啊哈,这个方法 - 你可以在你的 webroot 所在的位置提取 codeigniter 文件,这很好,但正如用户指南所说,你可以制作 public 文件夹并将你的 index.php 放在那里,设置你的域指向此文件夹并调整 index.php 中的应用程序和系统路径。然后,您的文件在 public 视线之外是安全的。
通过查看其他人的工作来学习。我看过 github,最近的 CI 项目,你可以清楚地看到目录结构,其中资产是 https://github.com/PandaGG/CI_Blog , index.php 文件在 public 目录
我想在我的 CodeIgniter 视图之一中使用 fancybox。首先,我下载了 fancybox,然后解压并复制文件到 CodeIgniter 的 application/third_party
文件夹中。然后在 myView.php 我这样做了:
<script type="text/javascript" src="<?php echo base_url('third_party/fancyBox/lib/jquery.mousewheel-3.0.6.pack.js'); ?>"></script>
但是当我使用 Firefox(Inspect Element)查看所有请求时,我收到 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>
不要将它放在应用程序文件夹中,在您的 index.php、f.e 所在的位置创建文件夹。资产,在那里提取花哨的盒子,然后在你的视图中写下类似 <script src="/asssets/fancyBox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
啊哈,这个方法 - 你可以在你的 webroot 所在的位置提取 codeigniter 文件,这很好,但正如用户指南所说,你可以制作 public 文件夹并将你的 index.php 放在那里,设置你的域指向此文件夹并调整 index.php 中的应用程序和系统路径。然后,您的文件在 public 视线之外是安全的。
通过查看其他人的工作来学习。我看过 github,最近的 CI 项目,你可以清楚地看到目录结构,其中资产是 https://github.com/PandaGG/CI_Blog , index.php 文件在 public 目录