我想创建一个带有大图像和一个“确定”按钮的弹出对话框,为此我正在尝试自定义 alertify.js 的警报。 .
我的想法是为所有这些具有默认图像 url 的“弹出警报”创建自定义 css
类,然后更改 url background-image: url(images/level_10 .jpg);
当我使用 JavasScript
创建正确图像的弹出窗口时(因为您可以在调用该函数时传入自定义 cssClass
) ;
我不确定这是否可行。
或者是否有更好的方法来自定义 alertify.js 来实现这一点?
最佳答案
您可以覆盖 alertify 的 CSS 类。
请看下面的例子: http://www.fabien-d.github.io/alertify.js/assets/js/lib/alertify/alertify.bootstrap.css
在您的情况下,您只想像这样覆盖 .alertify
CSS 类:
.alertify.popup1 {
background: url(path/file1.png);
}
.alertify.popup2 {
background: url(path/file2.png);
}
/* etc */
然后像这样使用 Javascript:
$("alert1").onclick = function () {
alertify.alert("This is an alert dialog", function() {}, 'popup1');
};
$("alert2").onclick = function () {
alertify.alert("This is an other alert dialog", function() {}, 'popup2');
};
关于javascript - 如何使用 JavaScript 将图像插入到 alertify.js 警报中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19104517/