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

Question

我正在使用 .load() 函数将 .aspx 页面加载到我的 jQuery UI 对话框中，效果很好。问题是正在加载的页面与对话框打开调用所在的目录不同，当我尝试从新加载的页面点击“提交”按钮时，它找不到“search.aspx”路径因为它在原始路径中查找。

基本上:

ucEasyFill.ascx 包含 div 声明以及打开模式弹出窗口的链接。它位于 forms/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({