滑块不在angularjs routing / ng-view中工作

时间:2014-11-26 09:36:27

标签: angularjs

我有问题。 我使用定制的twitter bootstrap模板构建我的项目,该模板是用几块钱购买的,带有很多滑块,图片和菜单。 我开发了一个简单的angularjs应用程序,其中有一些路由到我的angularjs部分页面,包括partials / main.htm页面,仅包含我移出原始index.html的div。 路由工作正常但它从部分/ main.html文件加载时隐藏了滑块但是如果我在索引页面中放置滑块div则工作正常。 我知道解决这些问题的最简单方法是重新排列导入,但花费几个小时我没有成功 - 这里是index.html的主要部分。我尝试在身体中放入一些js参考,但效果不佳。 请帮忙!

<!DOCTYPE html>
<head>
   <title> Template Home</title>
   <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
   <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
   <link href='http://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>
   <link rel="stylesheet" type="text/css" href="css/portal/style.css" />
   <link href="css/portal/setting.css" media="screen" rel="stylesheet">
   <link href="css/portal/font-awesome.css" rel="stylesheet">
   <link href="css/portal/banner_style.css" rel="stylesheet">
   <link href="css/portal/custom.css" rel="stylesheet">
   <link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
   <!-- jQuery, Angular,bootstrap -->
   <script type="text/javascript" src='/lib/jquery-1.10.2.js'></script>
   <script src="js/jquery.bootstrap.newsbox.min.js" type="text/javascript"></script>
   <script src="/lib/angular/angular.js"></script>
   <script src="/lib/angular-ui-router.js"></script>
   <script src="/lib/bootstrap.js"></script>
   <script src="/lib/bootstrap.min.js"></script>
   <!-- Modernizr javascript -->
   <script type="text/javascript" src="js/modernizr.js"></script>
   <!-- jQuery REVOLUTION Slider  -->
   <script type="text/javascript" src="js/jquery.themepunch.tools.min.js"></script>
   <script type="text/javascript" src="js/jquery.themepunch.revolution.min.js"></script>
   <!-- Parallax javascript -->
   <script src="js/jquery.parallax-1.1.3.js"></script>
   <!-- Initialization of Plugins -->
   <script type="text/javascript" src="js/template.js"></script>
   <!-- Custom Scripts -->
   <script type="text/javascript" src="js/custom.js"></script>
   <script src="js/app.js" type="text/javascript"></script>
   <script src="js/controller.js" type="text/javascript"></script>
</head>

0 个答案:

没有答案