これまで、jQueryUiダイアログを問題なく幅広く使用してきました。
私の問題は次のとおりです。ファイル入力フィールドを持つdivがあり、それを「スライド」遷移で表示したい場合、Firebugで次のエラーが発生します。
NS_ERROR_XPC_SECURITY_MANAGER_VETO: Security Manager vetoed action arg 0 [nsIDOMHTMLDivElement.compareDocumentPosition]
file:///H:/Trabajo/Layout/2012jQueryMulti/js/jquery-1.8.0.js
Line 4436
ダイアログが表示されますが、中央ではなく左側に配置されています。IEは正常に動作します。
失敗する例を次に示します(FF 14.0.1でテスト済み)。
<html>
<head>
<title>Test</title>
<style type="text/css">
div#infoFrame { border: 2px solid black; height: 300px; }
</style>
</head>
<body>
<form name="Form" method="post" action="list.do">
<div id="infoFrame" style="display:none;">
<input type="file" name="myFile">
</div>
</form>
<script src="js/jquery-1.8.0.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.8.22.custom.min.js" type="text/javascript"></script>
<script type="text/javascript">
$('#infoFrame').dialog({modal: true, width: 500, show: 'slide'});
</script>
</body>
</html>
ダイアログからトランジションを削除すると、問題なく機能します。
$('#infoFrame').dialog({modal: true, width: 500});
それは私を夢中にさせています。何か案は?