6
Đoạn mã sau tạo ra hộp thoại bật lên mô hình jQueryUI được mong đợi trong Firefox, Chrome và Opera. Tuy nhiên, nó không thành công trong Internet Explorer 9:Tại sao hộp thoại jQueryUI này không hoạt động trong IE9?
<html><head>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function() {
$("#AddUser").dialog({
autoOpen: false, modal: true, height: 'auto', width: 400,
buttons: {
"Add": function() {
alert("Add one!");
}
},
close: function() {
allFields.val("").removeClass("ui-state-error");
}
});
$("#AddUserButton").button().click(function(event) {
event.preventDefault();
$("#AddUser").dialog("open");
});
});
</script>
</head><body>
<div id="AddUser" title="Add User">Popup content here</div>
<input type="submit" id="AddUserButton" />
</body></html>
Trong IE 9 #AddUser div không phải là hộp thoại jQueryUI. Có điều gì mà tôi đang thiếu không?
EDIT: Mã được cập nhật gần mã sản xuất hơn.
Cảm ơn.
lỗi nào bạn nhận được? –
@NadirMuzaffar: div được hiển thị đơn giản trên màn hình. – dotancohen
Bạn có đang sử dụng phiên bản jquery/jqueryui kéo dài không? – tcao