Question

对不起，

是否可以在Bootstrap Toggle的message字段中显示BootstrapDialog？

例如：

BootstrapDialog.show({
  title: 'Information',
  message: '<input class="toggleExample" type="checkbox" data-toggle="toggle">'
});

另外，我尝试在BootstrapDialog之前和BootstrapDialog之后初始化$('.toggleExample')，但它们都没有工作。

Answer 1

BootStrap dialog插件构建在bootstrap 3库上，同样Bootstrap dialog构建在bootstrap 2库上。

所以这两个插件都可以使用不同版本的核心库，因此你无法组合这两个插件的功能。

欲了解更多信息，请参阅插件官方网站：

Bootstrap对话 - https://github.com/nakupanda/bootstrap3-dialog
Bootstrap Toggle（转到页面末尾以了解版本） - http://www.bootstraptoggle.com/

Answer 2

只需根据需要尝试此代码，这将弹出复选框和按钮。

BootstrapDialog.show({
    message: function (dialogItself) {
        var $form = $('<form></form>');
        var $titleDrop = $('<input type="checkbox" />');
        dialogItself.setData('field-title-drop', $titleDrop);   // Put it in dialog data's container then you can get it easier by using dialog.getData() later.
        $form.append('<label>Click Here</label>').append($titleDrop);

        return $form;
    },
    buttons: [{
        label: 'OK.',
        action: function (dialogItself) {
            alert(dialogItself.getData('field-title-drop').val());
        }
    }]
});

试试这个演示：http://jsfiddle.net/7DcHW/30/

使用BootstrapDialog进行Bootstrap切换

2 个答案: