通过JavaScript动态创建引导通知框

Brett DeWoodyed1t提出了一个问题:Dynamically create Bootstrap alerts box through JavaScript,或许与您遇到的问题类似。

回答者periklis给出了该问题的处理方式:

Try this (see a working example of this code in jsfiddle: http://jsfiddle.net/periklis/7ATLS/1/)

<input type = "button" id = "clickme" value="Click me!"/>
<div id = "alert_placeholder"></div>
<script>
bootstrap_alert = function() {}
bootstrap_alert.warning = function(message) {
            $('#alert_placeholder').html('<div class="alert"><a class="close" data-dismiss="alert">×</a><span>'+message+'</span></div>')
        }

$('#clickme').on('click', function() {
            bootstrap_alert.warning('Your text goes here');
});
</script>​

EDIT: There are now libraries that simplify and streamline this process, such as bootbox.js

希望本文对你有帮助,欢迎支持JavaScript中文网

原文链接:stackoverflow.com

上一篇:如何使用JavaScript将整数向上或向下舍入到最近的10
下一篇:在循环中使用对象

相关推荐

官方社区

扫码加入 JavaScript 社区