材料设计精简版附加图标

罗素哈罗

我在附加使用材料图标的问题时遇到问题,它似乎没有加载 css/js 而是显示单词 check

- 这部分来自 stepper.js

var i = document.createElement('i');
                        i.style.className = 'material-icons';
                        var text = document.createTextNode('check');
                        i.appendChild(text);


                        elements.appendChild(i);

我想知道如何重新加载 js 文件或重新加载材料字体部分?

我的标题 - 我如何加载样式表和 js

 <script type="text/javascript">
 var uid = '{$smarty.session.ipet_user}';
 {literal} 

    function stylesheet(url) {
            var s = document.createElement('link');
            s.rel = 'stylesheet';
            s.async = false;
            s.href = url;
            var x = document.getElementsByTagName('head')[0];
            x.appendChild(s);
        }

        function script(url) {
            var s = document.createElement('script');
            s.type = 'text/javascript';
            s.async = true;
            s.src = url;
            //s.defer = true;
            var x = document.getElementsByTagName('head')[0];
            x.appendChild(s);
        }


         (function () {
                stylesheet('https://opensource.keycdn.com/fontawesome/4.7.0/font-awesome.min.css');
                stylesheet('https://fonts.googleapis.com/css?family=Roboto');
                stylesheet('https://fonts.googleapis.com/icon?family=Material+Icons');
                stylesheet('./templates/main/user-theme/tpl-files/material.act.css');
                stylesheet('plugins/dropzone/dropzone.css');
                stylesheet('plugins/stepper/stepper.min.css');
                stylesheet('./templates/main/user-theme/tpl-files/style.css');
                stylesheet('./templates/main/style/newprofile.css');
                stylesheet('plugins/getmdlselect/getmdl-select.min.css');       

                script('https://code.getmdl.io/1.3.0/material.min.js');
                script('https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js');
                script('https://apis.google.com/js/api:client.js');
                script('https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzaSyBk99v0F4qkmvxifqOD48YktK-QO-3kopI');
                script('./templates/main/user-theme/javascript/google.js');
                script('plugins/getmdlselect/getmdl-select.min.js');
                script('./templates/main/user-theme/javascript/facebook.js');
                script('./templates/main/user-theme/javascript/newprofile.js');
                script('./templates/main/javascript/zipcode.js');
                script('plugins/stepper/v2/stepper.js');


         })();
 </script>
yuriy636

您必须通过.classNamenot定义元素的类.style.className

i.className = 'material-icons';

var elements = document.body;

var i = document.createElement('i');
i.className = 'material-icons';
var text = document.createTextNode('check');
i.appendChild(text);

elements.appendChild(i);
<head>
</head>
<body>
  <script>
      function stylesheet(url) {
            var s = document.createElement('link');
            s.rel = 'stylesheet';
            s.async = false;
            s.href = url;
            var x = document.getElementsByTagName('head')[0];
            x.appendChild(s);
        }

        function script(url) {
            var s = document.createElement('script');
            s.type = 'text/javascript';
            s.async = true;
            s.src = url;
            //s.defer = true;
            var x = document.getElementsByTagName('head')[0];
            x.appendChild(s);
        }


         (function () {
                stylesheet('https://opensource.keycdn.com/fontawesome/4.7.0/font-awesome.min.css');
                stylesheet('https://fonts.googleapis.com/css?family=Roboto');
                stylesheet('https://fonts.googleapis.com/icon?family=Material+Icons');
                stylesheet('./templates/main/user-theme/tpl-files/material.act.css');
                stylesheet('plugins/dropzone/dropzone.css');
                stylesheet('plugins/stepper/stepper.min.css');
                stylesheet('./templates/main/user-theme/tpl-files/style.css');
                stylesheet('./templates/main/style/newprofile.css');
                stylesheet('plugins/getmdlselect/getmdl-select.min.css');       

                script('https://code.getmdl.io/1.3.0/material.min.js');
                script('https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js');
                script('https://apis.google.com/js/api:client.js');
                script('https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzaSyBk99v0F4qkmvxifqOD48YktK-QO-3kopI');
                script('./templates/main/user-theme/javascript/google.js');
                script('plugins/getmdlselect/getmdl-select.min.js');
                script('./templates/main/user-theme/javascript/facebook.js');
                script('./templates/main/user-theme/javascript/newprofile.js');
                script('./templates/main/javascript/zipcode.js');
                script('plugins/stepper/v2/stepper.js');


         })();</script>
</body>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

谷歌材料设计与材料设计精简版

使用材料设计精简版的多选选项

材质设计精简版-更改抽屉图标颜色

无法从材料设计精简版上的tr元素移除悬停

引导程序或材料设计精简版或两者兼而有之

由于“材料设计精简版”而导致 System.IndexOutOfRangeException 错误

材料设计精简版不确定进度条未采用整个宽度

带有材料精简版的居中表格

材料设计精简版+聚合物无法一起使用-它不会显示任何内容

当用户将鼠标悬停在复选框上时,如何制作工具提示?(材料设计精简版)

SQL 精简版 Python

材质设计精简版(MDL)中的水平和垂直中心卡

如何使用JavaScript显示/隐藏材质设计精简版微调器

精简版行到json

使用客户端(精简版)

安装精简版(1.7.2)时发生错误

检索合并的Vega(精简版)直方图的基础值?

excel:结构化参考的精简版

如何关闭精简版服务器

精简版和多个相同命令的执行?

没有Maps Engine精简版API列出的项目

太多查询,php。创建精简版论坛引擎

在 R 中进行多项 T 检验,精简版

材料设计图标

如何包含适当的JavaScript文件的版本(精简版还是原始版)?

使用Git / PyCharm维护Python项目的精简版和专业版

Couchbase精简版拉复制失败,错误样本Couchbase移动端到端测试项目

在转换位图字节缓冲区(浮点)Tensorflow-精简版的Android

Android Gradle Protobufs:如何编译完整的protobuf,而不是“精简版”?