Bootstrap Toggle с помощью BootstrapDialog

Question

Извините меня,

Можно ли показать Bootstrap Toggle в message поле BootstrapDialog?

Например:

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

Также я попытался инициализировать $('.toggleExample') до BootstrapDialog и после BootstrapDialog, но все они не работали.

Answer 1

BootStrap dialog плагин построен на библиотеке начальной загрузки 3 аналогичным образом Bootstrap dialog построен на библиотеке начальной загрузки 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/