0

非常に基本的な JQuery ダイアログを作成したいのですが、うまくいきません。

以前と同じように、Web サイトの例を使用しました (動作します) が、この特定のプロジェクトでは、ダイアログの動作がおかしくなりました。これはおそらく私が犯しているばかげた間違いですが、見つけることができなかったので、皆さんが私に手を差し伸べてくれることを願っています.

私が電話するとき:

$('#TextOnlyDialog').dialog();

ダイアログが表示されますが、元の html ページ全体 (背後にあるはずの場合) も含まれており、背後にあるものはすべて失われています。

これが私がやっていることです(コード全体ではなく、基本的な構造です):

<link type="text/css" href="Extras/css/smoothness/jquery-ui-1.8.23.custom.css" rel="stylesheet" />
<script type="text/javascript" src="Extras/js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="Extras/js/jquery-ui-1.8.23.custom.min.js"></script>
<script type="text/javascript">
    function Initialize() {
        $('#TextOnlyDialog').dialog();
    }
</script>
<body onload="Initialize();">
 <form id="MainForm" runat="server">
<asp:ScriptManager ID="PageScriptManager" runat="server" />
<asp:UpdatePanel ID="PageUpdatePanel" runat="server">
    <ContentTemplate>
        <div id="TextOnlyDialog" title="Dialog Title">
    </ContentTemplate>
</asp:UpdatePanel>
</form>
</body>

ありがとう!!

4

1 に答える 1

1

</div>まず、ダイアログに締めくくりがありません

次のようにする必要があります。

<div id="TextOnlyDialog" title="Dialog Title"></div>

第二に、それを から取り出して<asp:UpdatePanel、html の一番下の</form>. これはダイアログであり、他のものに結び付ける必要はありません。

ついに。通常は を使用してダイアログを初期化します$('#TextOnlyDialog').dialog(); が、開くには通常通り$('#TextOnlyDialog').dialog('open');$('#TextOnlyDialog').dialog('close');閉じます。

最後の点については間違っているかもしれませんが、それが私自身の使い方です。

于 2012-11-16T16:42:41.853 に答える