Bootstrap 使用 Bootstrap 对话框切换

Question

对不起，

是否可以显示Bootstrap Toggle in message field of BootstrapDialog？

例如：

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

此外，我尝试在 BootstrapDialog 之前和 BootstrapDialog 之后初始化 $('.toggleExample')，但它们都不起作用。

Answer 1

只需根据您的需要尝试此代码，这将弹出带有复选框和按钮的窗口。

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/

Answer 2

BootStrap dialog 插件建立在 bootstrap 3 库上，类似地 Bootstrap dialog 建立在 bootstrap 2 库上。

因此这两个插件都适用于不同版本的核心库，因此您不能结合这两个插件的功能。

有关更多信息，请参阅插件官方网站：

Bootstrap 对话框 - https://github.com/nakupanda/bootstrap3-dialog
Bootstrap 切换（到页尾了解版本）- http://www.bootstraptoggle.com/

Bootstrap 使用 Bootstrap 对话框切换

Bootstrap Toggle with BootstrapDialog

javascript

jquery

twitter-bootstrap

twitter-bootstrap-3

bootstrap-dialog