代码之家 › 专栏 › 技术社区 › jircdeveloper

如何用ajax调用替换引导框内容?

bootbox twitter-bootstrap ajax jquery

jircdeveloper · 技术社区 · 9 年前

我在这里比较新,只会说一点点英语。很抱歉,如果我在写作时出错。

我正在使用bootbox对话框,并试图以相同的模式显示ajax响应,但我做不到。有人可以帮助我吗?哪种方法是最好的?

我有一个带有登录链接的页面。当有人点击那里时,我会在一个引导框对话框中显示该表单,该表单有一个类似“没有帐户?单击此处”的链接,我的想法是在同一个引导对话框中显示另一个表单

我试过了:

$(document).on({
    "show.bs.modal":function(e){
        if($(".bootbox.in ").size()>0){

            $(".bootbox.in ").removeData('bs.modal');
            e.preventDefault();
        }

        $(".bootbox.in").children(".modal-content")
       .html($(e.target).children(".modal-content").html());
 });

非常感谢你的帮助!

1 回复 | 直到 9 年前

Matt 9 年前

您可以使用由HTML组成的字符串在启动框中设置HTML。然后,打开启动框后,您可以修改HTML中的内容。

如。

// Nifty function that converts a comment to a string
var HTMLstring = (function () {/*
    <div id="container">
        <h1>Title</h1>
        <div id="subcontainer">
            LOGIN FORM HERE
            <button id="createAccount"></button>
        </div>
    </div>
*/}).toString().match(/[^]*\/\*([^]*)\*\/\}$/)[1];
// Initialize bootbox with the above string
bootbox.dialog({
    message: HTMLstring,
    buttons:            
    {
        "danger" :
        {
            "label" : "Close",
            "className" : "btn-sm btn-danger",
            "callback": function() {

            }
        }
    }
});
// Here we attach the listeners to the above modal, to do what we want.
$('#createAccount').click(function() {
    createAccountHTML = 'This can be your html for create account form';
    $('#subcontainer').html(createAccountHTML);
});

或者,用javascript替换HTML的更好选择是使原始HTML字符串具有可在两者之间进行交换的类似制表符的结构。

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前