您现在的位置是: 个人博客> 心情日记> >

米拓引入CSS文件,米拓7.0二次开发引入JS文件

2020-03-02 14:19:0370
个人在使用米拓二次开发中,第一个遇到的就是JS文件的引入,和CSS文件引入,这是个很让人头疼的问题,因为米拓后台在前端默认加载了bootstrap4.0的简约框架,和jquery-2.14版本。

个人在使用米拓二次开发中,第一个遇到的就是JS文件的引入,和CSS文件引入,这是个很让人头疼的问题,因为米拓后台在前端默认加载了bootstrap4.0的简约框架,和jquery-2.14版本。引入的方法不正确,一般都是和米拓自身的文件起冲突,导致动画不能正常使用。下面说说米拓引入CSS文件和JS文件的引入方法。便于解决一些代码冲突。

第一种:通过米拓自身的metinfo.css/metinfo.js引入

在米拓的模板文件下,有一个文件static,这文件下,有metinfo.css/metinfo.js。2个文件,这2个文件夹就是模板需要的css和js文件,如果不需要里面的动画效果和css样式,直接把里面的文件删除,然后把自己的代码复制粘贴进去就行。

这里有点需要提一下,如果你需要米拓自身的一些动画效果,在引入jquery的时候,在将自己的代码复制粘贴在这里。【如下图】。

米拓引入CSS文件

注意:引入的时候,记得把你的jquery开头代码去掉,比如你的jquery代码是

$(function(){

    //这里才是你需要引入的代码部分,其余的需要去掉。

});

第二种:在head.php中引入

由于米拓的标签模板(也就是你二开的模板)引入CSS文件和JS文件,采用的封装引入方法,所以只建议你在head.php中只引入css文件,别引入js文件,因为你引入js文件后,你的js文件就会在米拓自带引入的jquery文件之前,会起冲突,无论你在哪里引入都会在jquery之前,所以,还是建议使用第一种方法。

米拓引入CSS文件

记得在文件最前面加上{$c.met_weburl}/。

文章评论