Question

我正在使用.load（）函数将.aspx页面加载到我的jQuery UI对话框中，该工作正常。问题是正在加载的页面与对话框打开调用的目录不同，当我尝试从新加载的页面点击“提交”按钮时，它找不到“search.aspx”路径因为它正在寻找原始路径。

基本上：

ucEasyFill.ascx包含div声明，以及用于打开模态弹出窗口的链接。它位于表单/ UserControls /文件夹中;

<div id="modalSearchWindow" style="display:none;" class="MODAL_SEARCH_WINDOW"></div> 

<img id="imgClearClient" src="images\clear.png" class="efIMG" />Clear </a><a href="#" id="lnkFindClient" name="lnkFindClient" onclick="javascript: MODAL_SEARCH_WINDOW.dialog('open');"><img id="imgSearchMag" src="/applications/images/search_mag.gif" class="efIMG" />Find</a>

ucEasyFill.js包含forms / scripts /文件夹中document.ready函数内的对话框声明;

MODAL_SEARCH_WINDOW = $("#modalSearchWindow").load('EasyFill/Search.aspx').dialog({
    position: "center",
    autoOpen: false,
    resizable: false,
    autoResize: true,
    draggable: true,
    modal: true,
    width: 580,
    height: 450,
    dialogClass: "MODAL_SEARCH_WINDOW",
    closeOnEscape: true,
    open: function (event, ui) {
        $('.MODAL_SEARCH_WINDOW .ui-dialog-titlebar').each(function () {
            $(this).css("display", "none");
        });
    }
});

点击forms/EasyFill/Search.aspx页面上的“搜索”时，我收到404错误;

    POST http://localhost/applications/forms/Search.aspx 404 (Not Found)

这对我来说很有意义，因为对话框是从/forms/目录而不是从forms/easyfill/目录加载的。真的我的问题是我如何解决这个问题？我只是试图这样做，因为Chrome 37中showModalDialog()的新弃用

Answer 1

由于您要从forms/UserControls/ucEasyFill.ascx加载文件，因此需要升级才能进入forms/EasyFill。所以它应该是：

MODAL_SEARCH_WINDOW = $("#modalSearchWindow").load('../EasyFill/Search.aspx').dialog({

UI对话框中jQuery Load函数中的相对路径

1 个答案: