Question

我正在尝试在jQuery Mobile中进行对话/弹出。我能够做到这一点，但是当我的内容更多时，它应该覆盖所有90％的宽度，但它覆盖了50％的宽度，我没有什么问题。

其次，为什么在问答字符串中没有格式化（它应该是左对齐的意思是问题和答案与断线一起）但在我的情况下它们并没有聚集在一起。

如何让 str 左对齐以便它可读并且如何拍摄90％的宽度？

function infoAlert(text) {
    var popupDialogId = 'popupDialog';
    $('<div class="aa" data-role="popup" id="' + popupDialogId + '" data-confirmed="no" data-transition="pop" data-overlay-theme="b" data-theme="b" data-dismissible="false" style="max-width:500px;"> \
                        <div data-role="header" data-theme="a">\
                            <h1>Info</h1>\
                        </div>\
                        <div role="main" class="ui-content">\
                            <h3 class="ui-title">' + text + '</h3>\
                            <a href="#" class="common-button ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b optionConfirm" data-rel="back">OK</a>\
                        </div>\
                    </div>')
        .appendTo($.mobile.pageContainer);
    var popupDialogObj = $('#' + popupDialogId);
    popupDialogObj.trigger('create');
    popupDialogObj.popup();
    popupDialogObj.popup('open');
    popupDialogObj.find(".optionConfirm").first().on('click', function () {

        $(popupDialogObj).remove();
        return false;
       // popupDialogObj.attr('data-confirmed', 'yes');
    });
}

如何在jQuery中创建FAQ对话框或弹出屏幕？

0 个答案: