我有一个名为Functions的库,其中包含以下内容:
public function jsScript($name, $path = 'public/js/')
{
return "<script type='text/javascript' src='/min/?f={$path}{$name}{$this->ci->config->item('min_debug')}& {$this->ci->config->item('min_version')}'></script>" . PHP_EOL;
}
/**
* TODO: short description.
*
* @param mixed $cssFile
* @param mixed $path Optional, defaults to 'public/css/'.
*
* @return TODO
*/
public function cssScript($cssFile, $path = 'public/css/')
{
return "<link rel='stylesheet' type='text/css' href=\"/{$path}{$cssFile}{$this->ci->config->item('min_debug')}{$this->ci->config->item('min_version')}\" />" . PHP_EOL;
}
控制器:
public function index()
{
$header['cssheadscript'] = $this->functions->cssScript('revolution/css/settings.css', 'public/plugins/revolution-slider/');
$header['jsheadscript'] = $this->functions->jsScript('js/jquery.themepunch.tools.min.js', 'public/plugins/revolution-slider/rs-plugin/');
$header['jsheadscript'] .= $this->functions->jsScript('js/jquery.themepunch.revolution.min.js', 'public/plugins/revolution-slider/rs-plugin/');
$header['jsheadscript'] .= $this->functions->jsScript('plugins/revolution-slider.js');
$header['jsheadscript'] .= $this->functions->jsScript('waypoints.min.js', 'public/plugins/counter/');
$header['jsheadscript'] .= $this->functions->jsScript('jquery.counterup.min.js', 'public/plugins/counter/');
$header['jsheadscript'] .= $this->functions->jsScript('plugins/pace-loader.js');
$this->load->view('template/header', $header);
$this->load->view('welcome/home');
$this->load->view('template/footer');
}
在我的标题中,我加载了运行页面所需的所有内容:
<!-- Web Fonts -->
<link rel='stylesheet' type='text/css' href='//fonts.googleapis.com/css?family=Open+Sans:400,300,600& subset=cyrillic,latin'>
<!-- CSS Global Compulsory -->
<link rel="stylesheet" href="/public/plugins/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="/public/css/one.style.css">
<link rel="stylesheet" href="/public/css/app.css">
<link rel="stylesheet" href="/public/css/blocks.css">
<!-- CSS Footer -->
<link rel="stylesheet" href="/public/css/footers/footer-v7.css">
<!-- CSS Implementing Plugins -->
<link rel="stylesheet" href="/public/plugins/animate.css">
<link rel="stylesheet" href="/public/plugins/line-icons/line-icons.css">
<link rel="stylesheet" href="/public/plugins/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="/public/plugins/pace/pace-flash.css">
<link rel="stylesheet" href="/public/plugins/cube-portfolio/cubeportfolio/css/cubeportfolio.min.css">
<link rel="stylesheet" href="/public/plugins/cube-portfolio/cubeportfolio/custom/custom-cubeportfolio.css">
<!-- Style Switcher -->
<link rel="stylesheet" href="/public/css/plugins/style-switcher.css">
<!-- CSS Theme -->
<link rel="stylesheet" href="/public/css/theme-colors/dark-red.css" id="style_color">
<link rel="stylesheet" href="/public/css/theme-skins/one.dark.css">
<!-- CSS Customization -->
<?php if(!empty($cssheadscript)){echo $cssheadscript;} ?>
<link rel='stylesheet' href='/public/css/dataTables.min.css'>
<link rel="stylesheet" href="/public/css/custom.css">
<!-- JS Global Compulsory -->
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> -->
<script src="/public/plugins/jquery/jquery.min.js"></script>
<script src="/public/plugins/jquery/jquery-migrate.min.js"></script>
<script src="/public/plugins/bootstrap/js/bootstrap.min.js"></script>
<!-- JS Implementing Plugins -->
<script src="/public/plugins/smoothScroll.js"></script>
<script src="/public/plugins/jquery.easing.min.js"></script>
<script src="/public/plugins/pace/pace.min.js"></script>
<script src="/public/plugins/jquery.parallax.js"></script>
<script src="/public/plugins/cube-portfolio/cubeportfolio/js/jquery.cubeportfolio.js"></script>
<!-- JS Page Level-->
<script src="/public/js/app.js"></script>
<script src="/public/js/one.app.js"></script>
<script src="/public/plugins/back-to-top.js"></script>
<script src="/public/js/plugins/style-switcher.js"></script>
<script src="/public/js/plugins/cube-portfolio/cube-portfolio-lightbox.js"></script>
<script src="/public/js/dataTables.min.js"></script>
<?php if(!empty($jsheadscript)){echo $jsheadscript;}?>
<script src="/public/js/custom.js"></script>
正如你所看到的,我甚至试图从谷歌中取出我的jquery只是为了看看是否能解决这个问题,但事实并非如此。 :/
在其他所有内容加载后,我的init已加载:
<script>
jQuery(document).ready(function() {
App.init();
App.initCounter();
App.initParallaxBg();
StyleSwitcher.initStyleSwitcher();
RevolutionSlider.initRSfullScreen();
});
</script>
我已尝试将物品放入不同的装货单,尝试从新地点拉货。我用firebug检查了每个文件,所有.js文件都正常加载。不确定是什么问题。他们之前正在工作,我做了更改,现在我的滑块和数据表已经坏了。
您可以在www.novabl4ck.org上查看该网站。旋转滑块位于主页上,对于数据表,这是一个后端功能,因此您将无法访问它。
有关我还能尝试什么的任何建议,我可以做的测试,任何帮助将不胜感激。 javaScript对我来说还是一个新手,如果我搞砸了一些东西,我在学习的这一点上根本就没有意识到这一点。
如果您需要任何其他信息,请与我们联系!
提前感谢您提供任何帮助