在8中更改jQuery对话框标题

Question

下面的代码用于在一个dialog <title> 中加载一个动态页面，并将该页面的<title>元素的内容放在对话框的标题栏中。它适用于Internet的9-11版本(最新版本的Mozilla、Google和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());