Question

我有以下代码在jQuery dialog中加载动态页面，并将该页面的<title>元素的内容放在对话框的标题栏中。它适用于Internet Explorer的9-11版本（最新版本的Mozilla Firefox，谷歌Chrome和Opera，还没有尝试过早期的版本），但IE 8中的标题栏是空的 。任何补救措施？

更新：请参阅http://jsfiddle.net/5WfcY/

中的小提琴

<script>
$(".opencategory").click(function(e) {
    e.preventDefault();
    $("#category").load("category.php", {
        categoryid: $(this).data("categoryid")
    }, function() {
        $("#category").dialog("option", "title", $(this).find("title").text());
        $("#category").dialog("open");
    });
});

$("#category").dialog({
    autoOpen: false,
    modal: true
});
</script>

<ul>
    <li><a href="#" data-categoryid="1" class="opencategory">Category 1</a></li>
    <li><a href="#" data-categoryid="2" class="opencategory">Category 2</a></li>
    <li><a href="#" data-categoryid="3" class="opencategory">Category 3</a></li>
    <li><a href="#" data-categoryid="4" class="opencategory">Category 4</a></li>
    <li><a href="#" data-categoryid="5" class="opencategory">Category 5</a></li>
</ul>

<div id="category"></div>

Answer 1

好的，我可以确认将标题保存为AJAX调用页面中隐藏输入字段的值。

所以在category.php中我把：

<input type="hidden" id="title" value="Dynamic title" />

在jQuery中我用以下内容获取：

$("#category").dialog("option", "title", $("#title").val());

在Internet Explorer 8中更改jQuery对话框标题

1 个答案: