bootstrap-modal-js dynamic demo

内容 body

测试长内容的时候请增加body的内容来查看效果。

When testing long content, please increase the content of the body to see the effect.

body

Use Function control body content. （使用函数控制body内容）

底部 footer

footer

Use Function control footer content. （使用函数控制footer内容）

事件类型

如果使用的时候，EventType 和 CallbackFunction 必须同时存在

EventType

EventType and CallbackFunction must exist at the same time if used

show

shown

hide

hidden

hidePrevented

事件回调函数如果使用的时候，EventType 和 CallbackFunction 必须同时存在 CallbackFunction EventType and CallbackFunction must exist at the same time if used

CallbackFunction

CallbackFunction代码示例 CallbackFunction code example

function alert_some_text() {
    alert("Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content");
}

function console_log_some_text() {
    console.log("Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content");
}

function return_number() {
    return 222 + 333;
}

function get_number() {
    alert(return_number());
}

function calc_number() {
    return (1 + 2 + 3).toString();
}

function return_title() {
    return "function title";
}

function return_body() {
    return "function body";
}

function return_footer() {
    return "function footer";
}

function return_Fun_HTML_Element() {
    const html = document.createElement("div");
    const p = document.createElement("p");
    html.className = "bg-success";
    p.className = "text-center";
    p.innerHTML = "this is html obj.";
    html.appendChild(p);
    return html;
}