Question

我创建了这个fiddle以显示我的问题。

是否可以在jquery ui对话框中使用bootstrap列而不会出现这个恼人的水平滚动条？

＆＃13;

Soory, I don't know how to insert the fiddle code with the right depencies in the right way.

＆＃13;

Answer 1

首先想想然后写......

只需删除＆＃34;行＆＃34; div和它的工作原理。

Look here.

＆＃13;

Soory, I don't know how to insert the fiddle code with the right depencies in the right way.

＆＃13;

Answer 2

只需在对话框容器div中添加“ style ='overflow-x：hidden;'”即可。

function CreateBusinessDialog(action, formId) {
var contId = 'dlgcont_' + GetUidString();
var container = document.createElement('div');
container.setAttribute('id', contId);
container.setAttribute('style', 'overflow-x:hidden;');
document.body.appendChild(container);

$('#' + contId).dialog({
    autoOpen: false,
    modal: true,
    title: 'Create New',
    width: '75%', //$(window).width() - 150,
    height: $(window).height() - 150,
    open: function (event, ui) {
        $(this).load(action);
    },
    buttons: [{
        text: 'Create',
        click: function () {
            var form = $('#' + formId);
            form.validate();
            if (form.valid()) {
                //alert('valid');
                form.submit();
            }
        }
    }, {
        text: 'Close',
        click: function () {
            $(this).dialog('close');
        }
    }],
    close: function () {
        container.parentNode.removeChild(container);
    }
});

$('#' + contId).dialog('open');

}

Jquery UI对话框，如果使用bootstrap列，则删除滚动条

2 个答案: