如何在codeigniter控制器中加载jquery文件（不是codeigniter jquery类）

请参阅此链接：

我正试着做这样的事情。我的视图文件如下所示：

<link rel="stylesheet" href="<?=base_url()?>assets/plugins/fancybox/jquery.fancybox.css?v=2.0.6" type="text/css" media="screen" />
<script type="text/javascript" src="<?=base_url()?>assets/plugins/fancybox/jquery.fancybox.pack.js?v=2.0.6"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".various").fancybox();

//ADD IN A BUTTON TO ADD TO DROPDOWN
$('#countryID_input_box').append('<a href="<?=site_url()?>/examples/quick_add/" class="various fancybox.ajax">Add</a>');
});
</script>

但在做了所有这些之后，我得到了：

ReferenceError: $ is not defined

---

“添加”按钮出现，fancybox加载，但在fancybox中，当我试图通过单击“添加”进行发布时，什么都不会发生。

您必须这样做

<link rel="stylesheet" href="<?=base_url()?>assets/plugins/fancybox/jquery.fancybox.css?v=2.0.6" type="text/css" media="screen" />
<script type="text/javascript" src="<?=base_url()?>assets/plugins/fancybox/jquery.fancybox.pack.js?v=2.0.6"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".various").fancybox();
var site_url ='<?=site_url()?>'; // store that variable for js
//ADD IN A BUTTON TO ADD TO DROPDOWN
$('#countryID_input_box').append('<a href="'+site_url+'" class="various fancybox.ajax">Add</a>');
});
</script>

---

controller中的html回音会扼杀MVC框架的使用：/能否请您解释一下在这种情况下我应该怎么做？
ReferenceError: $ is not defined

<link rel="stylesheet" href="<?=base_url()?>assets/plugins/fancybox/jquery.fancybox.css?v=2.0.6" type="text/css" media="screen" />
<script type="text/javascript" src="<?=base_url()?>assets/plugins/fancybox/jquery.fancybox.pack.js?v=2.0.6"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".various").fancybox();
var site_url ='<?=site_url()?>'; // store that variable for js
//ADD IN A BUTTON TO ADD TO DROPDOWN
$('#countryID_input_box').append('<a href="'+site_url+'" class="various fancybox.ajax">Add</a>');
});
</script>