0

私のコードは次のとおりです。

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="Scripts/jquery-1.7.1.js"></script>
    <script type="text/javascript" src="Scripts/jquery-ui-1.8.17.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('<div id="dialogDiv">' + 'This is a dialog.' + '</div>').appendTo('body');
            $('#dialogDiv').dialog({
                resizable: false,
                height: 140,
                modal: true,
                autoOpen: false,
            });
            $('#btnLoad').click(function () {
                $('#dialogDiv').dialog('open');
                return false;
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:Button ID="btnLoad" Text="Load" runat="server" />
        </div>
    </form>
</body>
</html>

ダイアログが閉じられるまで「読み込み」ボタンを再度クリックできないように、ダイアログをモーダルにしたい。しかし、上記のコードでは、「読み込み」ボタンをクリックできます。

JQuery ui 1.8.17 を使用しています。誰が私が間違っているのか教えてもらえますか? また、私のコンテンツは単なる文章ですが、スクロール バーが表示されます。水平スクロール バーのみを非表示にするにはどうすればよいですか?

4

2 に答える 2