magento 2 后台cmspage中加载js顺序问题。

5.53K 浏览M2交流区

magento 2 后台cmspage中加载js顺序问题。

在后台cms page页面通过xml加载了一些前端组件。

<head>         <css src="mobirise/web/assets/mobirise-icons/mobirise-icons.css"/>         <css src="mobirise/tether/tether.min.css"/>         <css src="mobirise/bootstrap/css/bootstrap.min.css"/>         <css src="mobirise/bootstrap/css/bootstrap-grid.min.css"/>         <css src="mobirise/bootstrap/css/bootstrap-reboot.min.css"/>         <css src="mobirise/dropdown/css/style.css"/>         <css src="mobirise/theme/css/style.css"/>         <css src="mobirise/gallery/style.css"/>         <css src="mobirise/mobirise/css/mbr-additional.css"/>  <script src="mobirise/web/assets/jquery/jquery.min.js" />  <script src="mobirise/popper/popper.min.js" />  <script src="mobirise/tether/tether.min.js" />  <script src="mobirise/bootstrap/js/bootstrap.min.js" />  <script src="mobirise/smoothscroll/smooth-scroll.js" />  <script src="mobirise/dropdown/js/nav-dropdown.js" />  <script src="mobirise/dropdown/js/navbar-dropdown.js" />  <script src="mobirise/touchswipe/jquery.touch-swipe.min.js" />  <script src="mobirise/vimeoplayer/jquery.mb.vimeo_player.js" />  <script src="mobirise/bootstrapcarouselswipe/bootstrap-carousel-swipe.js" />  <script src="mobirise/masonry/masonry.pkgd.min.js" />  <script src="mobirise/imagesloaded/imagesloaded.pkgd.min.js" />  <script src="mobirise/theme/js/script.js" />  <script src="mobirise/gallery/player.min.js" />  <script src="mobirise/gallery/script.js" />  <script src="mobirise/slidervideo/script.js" /> </head>

可以看到,jquer应该在最前面加载。

但是前端刷新页面后,jquery的顺序跑到后面去了 导致组件依赖加载失败没法用的情况怎么解决???

0

好像2.2.x里面已经不支持order属性了。目前是ee2.2.7。之前2.1.x就不支持了。

0

<css src="css/override.css" order="100" />
<css src="css/override2.css" order="100" />
<script src="js/override.js" order="100" />
<script src="js/override2.js" order="100" />

添加order。可以控制JS,CSS加载的顺序

0

cmspage页面默认就调用了头部和底部,不需要在cms page的xml里引入这些核心js啊。

只需要加载必要的第三方js,或者直接在页面里写js代码

<script> require([&#39;jquery&#39;], function ($) {    $(function () {      });  }) </script>

难道这个页面很特殊,你是启用的empty.xml吗,头部和底部都不一样?

如果是那样的话 就没必要写这么复杂,没必要引入requirejs,直接用jquery写html就行。

0