我有以下代码在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>
答案 0 :(得分:0)
好的,我可以确认将标题保存为AJAX调用页面中隐藏输入字段的值。
所以在category.php中我把:
<input type="hidden" id="title" value="Dynamic title" />
在jQuery中我用以下内容获取:
$("#category").dialog("option", "title", $("#title").val());