0

jquery ui ダイアログ内に dojo dijit datetextbox があります。datetextbox カレンダーは、ダイアログの背後 (下敷き) に表示されます。私はie7を使用しています..以下のコードを参照してください..

   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>
</title>
<script type="text/javascript" src="jQuery/jquery-1.8.3.js" ></script>
<script type="text/javascript" src="jQuery/jquery-ui-1.9.2.custom.min.js" ></script>
<script type="text/javascript" src="dojo/dojo/dojo.js" djConfig="parseOnLoad: true, isDebug: false"></script>
<script>dojoConfig = {parseOnLoad: true}</script><script src='dojo/dojo/dojo.js'></script><script>require(["dojo/parser", "dijit/form/DateTextBox"]);</script>
<link rel="stylesheet" type="text/css" href="jQuery/jquery-ui-1.8.11.custom.css" />
<link rel="stylesheet" type="text/css" href="dojo/dojo/resources/dojo.css" />
<link rel="stylesheet" type="text/css" href="dojo/dijit/themes/claro/claro.css" />
</head>
<body class="claro">
please click the above button to show the dialog
<br>
<input type="button" id="clickme" value="Click Me"/>
    <div id="popupdialog">
        <label for="date1">Drop down Date box:</label>
<input type="text" name="date1" id="date1" value="2005-12-30" data-dojo-type="dijit/form/DateTextBox" required="true" />
    </div>
<script type="text/javascript" >
        $(document).ready(function() {
$("#popupdialog").dialog({
    width:400,
    height:200,
    modal:false,
    position:'center',
    autoOpen:false
});
$('#clickme').click(function(){
            $('#popupdialog').dialog("open");
        });
});
    </script>
</body>
</html>

以下の画像をご覧ください。

http://i50.tinypic.com/2edzgue.jpg

この問題を解決するための解決策

4

1 に答える 1

0

以下のように jQuery ダイアログにzIndex:-1を追加して問題を解決しました。

$("#popupdialog").dialog({
width:400,
height:200,
modal:false,
position:'center',
autoOpen:false,
zIndex: -1

});

于 2013-01-19T07:28:34.203 に答える