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

超级版主组 lawrence 8月前 192

在后台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的顺序跑到后面去了 导致组件依赖加载失败没法用的情况怎么解决???

最新回复 (3)
  • 管理员组 admin 8月前
    0 引用 2

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

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

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


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

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

  • 一级用户组 seanyang 1月前
    0 引用 3

    <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加载的顺序

  • 超级版主组 lawrence 1月前
    0 引用 4
    seanyang &lt;css&nbsp;src=&quot;css/override.css&quot;&nbsp;order=&quot;100&quot; ...
    好像2.2.x里面已经不支持order属性了。目前是ee2.2.7。之前2.1.x就不支持了。
  • 游客
    登录 | 注册 方可回帖
返回
发帖