javascript - 在 MaterializeCss Toast 中添加 Material 图标?

标签 javascript html css materialize

是否可以在 materializecss toast 消息中添加图标?

我尝试这样做,但在 toast 中返回了“[object-object]”:

var $printerIcon = $('<i class="material-icons print"></i>');

Materialize.toast($printerIcon + 'Your print job was sent',4000);

最佳答案

只显示图标,不显示文字,,,

对于带文字的图标试试这个:

const Icon = '<i class="material-icons print">done_all</i>';
const Message = 'Your print job was sent';
const $toast = Icon +Message ;
Materialize.toast( $toast, 4000);

希望对你有帮助

关于javascript - 在 MaterializeCss Toast 中添加 Material 图标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44787273/

相关文章:

javascript - 如何以编程方式显示/隐藏属于 Meteor 主体模板一部分的按钮?

javascript - for-in 循环 VS in-operator

html - html 5 &lt;!DOCTYPE html> 是否等同于 html 4 过渡文档类型?

javascript - fullPage.js,滚动延迟不工作

javascript - John Resigs 微型模板引擎,如何处理选择的问题?

javascript - 单击按钮时 Nav 消失,这只需要 < 767

html - 中心表 - 颜色任一侧

css - 如何将 slider (输入类型范围)与其右侧的文本对齐以获得其值?

html - 大选择选项下拉列表中的文本切割

html - 我根本无法在悬停时更改我的 div