Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 使用angular ui路由器加载部分后,主页上的Javascript丢失 更新_Jquery_Angularjs_Angular Ui Router_Partial Views_Conflicting Libraries - Fatal编程技术网

Jquery 使用angular ui路由器加载部分后,主页上的Javascript丢失 更新

Jquery 使用angular ui路由器加载部分后,主页上的Javascript丢失 更新,jquery,angularjs,angular-ui-router,partial-views,conflicting-libraries,Jquery,Angularjs,Angular Ui Router,Partial Views,Conflicting Libraries,我正在考虑使用,这是一个好方法吗 我正在从事一个项目,该项目正在从wordpress移植到angularJS(稍后将在其自己的后端)。已经存在的一些必需的javascript文件必须保留 我使用的是与以前相同的路线,按照图书馆的要求使用州 这是我的问题,我在主“index.html”中加载了以下文件: <script type='text/javascript' src='/wp-content/themes/twentyfourteen-child/assets/js/bootstra

我正在考虑使用,这是一个好方法吗


我正在从事一个项目,该项目正在从wordpress移植到angularJS(稍后将在其自己的后端)。已经存在的一些必需的javascript文件必须保留

我使用的是与以前相同的路线,按照图书馆的要求使用州

这是我的问题,我在主“index.html”中加载了以下文件:

<script type='text/javascript' src='/wp-content/themes/twentyfourteen-child/assets/js/bootstrap.min0c54.js?ver=150923'></script>
<script type='text/javascript' src='/wp-content/themes/twentyfourteen-child/assets/js/svg-injector-min5b31.js?ver=4.3.1'></script>
<script type='text/javascript' src='/wp-content/themes/twentyfourteen-child/assets/js/bootstrap-select.min0c54.js?ver=150923'></script>
<script type='text/javascript' src='/wp-content/themes/twentyfourteen-child/assets/js/jquery.matchHeight.min0c54.js?ver=150923'></script>
<script type='text/javascript' src='/wp-content/themes/twentyfourteen-child/assets/js/imgw-mina8b3.js?ver=150526'></script>
<script type='text/javascript-lazy' src='/wp-content/themes/twentyfourteen-child/assets/js/jquery-cycle2.min0c54.js?ver=150923'></script>
<script type='text/javascript-lazy' src='/wp-content/themes/twentyfourteen-child/assets/js/scrollTo.min0c54.js?ver=150923'></script>
<script type='text/javascript-lazy' src='/wp-content/themes/twentyfourteen-child/assets/js/imgw_home_scripts-min0c54.js?ver=150923'></script>
哪个指向模板:

/partial/a-new-url.html
例如,这个模板有一个使用其中一个javascript文件的旋转木马,但是旋转木马不再工作,除非我将脚本标记复制并粘贴到分部文件中。现在,这是一个糟糕的解决方案,会导致冗余,因为我将不得不对每个不同的部分执行此操作

处理和解决此问题的正确方法是什么

传送带代码(按要求) 在index.html中,body标记中包含以下文件:

<script type='text/javascript-lazy' src='/wp-content/themes/twentyfourteen-child/assets/js/jquery-cycle2.min0c54.js?ver=150923'></script>
<script type='text/javascript-lazy' src='/wp-content/themes/twentyfourteen-child/assets/js/scrollTo.min0c54.js?ver=150923'></script>
<script type='text/javascript-lazy' src='/wp-content/themes/twentyfourteen-child/assets/js/imgw_home_scripts-min0c54.js?ver=150923'></script>

我的调查显示,这个html是根据“id=home slideshow”自动加载的


我最终使用了,就我而言,这已经足够了


使用指令可能更好,但在我的场景中,这样做就可以了。

需要创建指令来运行代码,这取决于代码运行时存在的元素<代码>文档准备就绪在angular@charlietfl你能用一个例子来详细说明吗?这里有很多关于在指令中初始化代码的帖子和网上教程。还强烈建议阅读:@charlietfl检查我的更新,这是一个可行的解决方案吗?主要问题是需要创建一个角度指令,以便在滑块元素存在时可以初始化循环插件。你的wordprss站点可能已经设置了自动初始化数据属性和那些赢得的属性;无法加载页面,因此必须手动初始化插件
<script type='text/javascript-lazy' src='/wp-content/themes/twentyfourteen-child/assets/js/jquery-cycle2.min0c54.js?ver=150923'></script>
<script type='text/javascript-lazy' src='/wp-content/themes/twentyfourteen-child/assets/js/scrollTo.min0c54.js?ver=150923'></script>
<script type='text/javascript-lazy' src='/wp-content/themes/twentyfourteen-child/assets/js/imgw_home_scripts-min0c54.js?ver=150923'></script>
<div id="home-slideshow">
  <div id="slides" class="home-slider">
    <div class="slide" style="background-image: url(/wp-content/uploads/2014/05/home.jpg);">
    </div>
    <div class="slide" style="background-image: url(/wp-content/uploads/2014/05/1170780.jpg);">
    </div>
    <div class="slide" style="background-image: url(/wp-content/uploads/2014/05/ep.jpg);">
    </div>
  </div>
</div>