1

我有一个带有两个选项卡的 jQuery 选项卡。每个选项卡都从两个不同的页面加载内容。父页面有一个用于 jQuery UI 对话框的 Div。

首次加载页面并单击第一个选项卡中的链接时，UI 对话框将打开并按预期完美运行。现在我转到选项卡 2，然后返回。然后我按相同的链接。UI 对话框未打开。

我正在使用 struts1 (JAVA)。

父页面脚本

$(document).ready(function() {
    $("#tabs").tabs();
    $("#addHrsDet").dialog({
        autoOpen : false,
        modal : true,
        height : 600,
        close : closeHours,
        width : 900
    });
});

<div id="addHrsDet" title="Add Minutes">
        <iframe id="addHrsDetIframe" width="100%" height="100%"
            marginWidth="0" marginHeight="0" frameBorder="0" scrolling="auto"
            title="Add Minutes">Your browser does not support</iframe>
</div>

选项卡 1

function editPrjHours(prjId, menuId, prjHourId) {
    $.ajaxSetup({
        cache : false
    });
    $("#addHrsDetIframe").attr(
            "src",
            "addhrs.do?prj=" + prjId + "&menuId=" + menuId + "&prjHourId="
                    + prjHourId + "&hm=true");
    $("#addHrsDet").dialog("open");
}

选项卡 2 为空

编辑

在检查 firbug 时，我看到一个错误TypeError: $("#addHrsDet").dialog is not a function

4

0 回答 0