Question

在我的本地网络应用程序中，当我从＆＃34; http＆＃34;到＆＃34; https＆＃34;，我在一些按钮/标签上的布局坏了。我只在＆＃34;对话框＆＃34;上得到了这个问题。元素。我有一个包含以下内容的php文件：

<div id="entryContainer_'.$entry->idEntry.'">
   <button id="updateLabelButton_'.$entry->idEntry.'">Update Label</button>
       <div id="entryLabel_'.$entry->idEntry.'"style="width:auto;">'.$entry->label.'</div>: '.$entry->value.'
</div>

当我点击按钮时，它必须打开对话框元素：

<div id="dialog-updateLabelForm" title="Update Entry Label">
            <p id="titleDialogForm">Update Label's Value:</p>
            <form>  
                <input type="text" name="updateLabel" id="updateLabel" value="" class="text ui-widget-content ui-corner-all"/>
                <input type="submit" tabindex="-1" style="position:absolute; top:-1000px"/>
            </form>
      </div>

我包含了javascript文件＆＃34; dialog.js＆＃34;用：

<script type="text/javascript" src="js/dialog.js"></script>

javascript文件＆＃34; dialog.js＆＃34;看起来像：

$(function() {
var dialog, labelForm, idUpdateEntryLabel, updateLabel = $("#updateLabel:input");

function checkLabel () {
    if (checkValue(updateLabel.val(), 1, 100, /^[a-zA-Z0-9][ A-Za-z0-9_-]*$/i)) {
        updateEntryLabelCall(updateLabel.val(), idUpdateEntryLabel);
        dialog.dialog("close");
    }
    return true;
}

dialog = $("#dialog-updateLabelForm").dialog({
    autoOpen: false,
    width: 400,
    modal: true,
    buttons: {
        "Ok": checkLabel,
        Cancel: function() {
            dialog.dialog("close");
        }
    },
    close: function() {
        labelForm[0].reset();
    }
});

labelForm = dialog.find("form").on("submit", function(event) {
    event.preventDefault();
    checkLabel();
});

$("button[id^='updateLabelButton_']").button({icons: {primary: "ui-icon-pencil"},text: false}).click(function() {
    idUpdateEntryLabel = (this.id).split('_')[1];
    updateLabel.val($('#entryLabel_' + idUpdateEntryLabel).text());
    dialog.dialog("open");
});

});

当我将浏览器从http切换到https时，我在按钮和对话框窗口的布局上遇到问题。为什么呢？

由于

从http到https破解布局关于js函数

0 个答案: