如何在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

回答

相關問題