任何人都可以帮助我链接我的Accordian和Jquery css在codeigniter正常页面
Can anyone help me link my Accordian and Jquery css to a normal page in codeigniter?
当试图链接我所做的手风琴和一些jquery css到codeigniter的正常视图页面时,我通过正确的文件夹链接了它们,但它似乎不知道它在哪里,有人可以帮助吗?
jquery链接很长,因为它运行在几个文件夹中。
<link href="<?php echo base_url()."css/jquery-ui-1.10.4.custom/css/dark-hive/jquery-ui-1.10.4.custom.css";?> type="text/css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<link href="<?php echo base_url()."css/my_accordion.js";?>"</script>
手风琴
$(document).ready(function() {
console.log("ready to do some jquery");
// $( "p" ).hide(); hide paragraphs
//$( "h2").hide(); // h2 hide
$( "h1" ).click(function() {
console.log("you clicked a paragraph!");
$( "p" ).hide(500);
if (!$(this).hasClass("activeHeading")){
$(".activeHeading").next().slideUp(1000);
$(".activeHeading").removeClass("activeHeading");
$(this).next().fadeIn(1000);
$(this).addClass("activeHeading");
} //end of if
}); //end of click
}); //end of document
尝试在"css"之前添加一个额外的斜杠。见下文:
<link href="<?php echo base_url()."/css/jquery-ui-1.10.4.custom/css/dark-hive
/jquery-ui-1.10.4.custom.css";?> type="text/css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<link href="<?php echo base_url()."/css/my_accordion.js";?>"</script>
如果你的css目录在你的应用程序文件夹中,那么CodeIgniter的重写规则可能会阻止对文件的访问。
试着在你的.htaccess文件的根目录下添加下面这行代码。
RewriteCond $1 !^(application/css)
所以前几行应该是:
RewriteEngine on
RewriteCond $1 !^(index'.php|images|robots'.txt)
RewriteCond $1 !^(application/css)
相关文章:
- 在屏幕中央显示图像 CSS jQuery
- 如何打印隐藏文章(Css/JQuery)
- 如何设置DIV背景图像css jquery
- CSS/JQuery/Javascript加载图标仅适用于firefox
- fadeOut”;被禁用”;通过一行看似温和的CSS(jquery bug?)
- CSS: jQuery:将右边距应用于 li 元素,除了每个第 4 个子元素(仅适用于 display:block 的元
- CSS + Jquery Slide在调整大小时切换菜单问题
- 使用 css jquery 设置背景图像
- css JQuery animate 不起作用
- CSS/JQuery 链接悬停不会触发
- 使用 .css jQuery 的 Safari 中的问题
- CSS jQuery - 展示图像(淡入淡出)
- 如何将 Cookie 与点击事件显示的内容一起使用?(HTML/CSS/jQuery)
- 网站加载CSS / Jquery样式缓慢
- 创建一个可调整大小的日历(html/css/jquery)
- CSS/jQuery-响应设计的关闭按钮停留在右上角
- css+jQuery样式.css切换器,用于新的jQuery版本
- Bootstrap 3不允许我在悬停时使用CSS/JQuery图像替换
- (CSS/jQuery)如何用jQuery解决top和bottom属性之间的冲突
- 使用JavaScript更改CSS(jQuery)