モーダルダイアログでBlockUIを動作させることはできません。
Iは、zインデックスの問題の世話をしようとしましたが、成功せず...ここで私のWebページでは、blockui over jQueryUIモーダルダイアログ
が頭である:
<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.17/jquery-ui.min.js" ></script>
<script type="text/javascript" src="http://jquery.malsup.com/block/jquery.blockUI.js?v2.38" ></script>
<link media="all" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/base/jquery-ui.css" rel="stylesheet" />
と身体:
<div id="dialog_test" title="Test">
TEST
</div>
<a href="#" id="go">GO</a>
<script>
$(function() {
$("#dialog_test").dialog({
autoOpen: false,
modal: true,
buttons: {
"Cancel": function() {
$(this).dialog("close");
},
"Ajax": function() {
$.ajax({
"url" : "http://jquery.malsup.com/block/wait.php",
"success" : function(json) {
$("#dialog_test").dialog("close");
}
});
}
}
});
$("#go").click(function(event) {
event.preventDefault();
$("#dialog_test").dialog("open");
});
});
$(document)
.ajaxStart(function() {
$.blockUI({
theme: true
})
})
.ajaxStop($.unblockUI);
</script>
何か案が?
うん、これは仕事をしていません:これは、このように、widget methodを使用して行うことができます!ありがとう。 –
はい、z-indexはblockUIのトリックを行います。 – Gunasegar