1
次のHTMLはボタンを表示し、クリックするとjQueryダイアログを呼び出します。単純なjQueryダイアログロックChrome、IE
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
</head>
<body>
<div id="dialog">
</div>
<button>
Open</button>
<script type="text/javascript">
$(document).ready(function() {
$('#dialog').dialog({
autoOpen: false,
modal: true
});
$('button').click(function() {
$('#dialog').dialog('open');
});
});
</script>
</body>
</html>
Chromeでダイアログが表示されたときに、スクロールバーがウィンドウの境界を超えて表示されます。また、スクロールバーを移動すると、スクロールバーがロックされます。 IE9では、ブラウザがクラッシュします。このコードは十分簡単です。
は、私はまた、jsFiddle例を作成している... http://jsfiddle.net/jeljeljel/RcR8e/
誰かがそれと間違っているものを言うことはできますか？