javascript - 使用 BootstrapDialog 进行引导切换

Question

打扰一下，

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

例如：

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

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

Answer 1

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

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

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

• 引导对话框 - 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/