0

ページのモーダル ウィンドウに使用している背景 div の高さを調整しようとしています。モーダルは GridView をクリックすると表示され、モーダル背景 div の高さを要素と同じ高さに設定する必要がありますbody。

<asp:TemplateField HeaderText="Booking Agent" SortExpression="clientname">
    <ItemTemplate>
        <asp:LinkButton runat="server" ID="lnkSMSDriver" Text='<%# Eval("clientname") %>'
        CommandName="SMSClient" CommandArgument='<%# Eval("clientid") %>' CssClass="callModal"></asp:LinkButton>
    </ItemTemplate>
</asp:TemplateField>

<script type="text/javascript">
    $(".callModal").click(function() {
        $(".modalbg").css("height", $("body").css("height"));
    });
</script>

おそらく、スクロールに関係なく、モーダル背景をページ上のすべてのコンテンツと同じ高さに設定する必要があります。

少なくとも、これは私が達成しようとしていることです。ただし、modalbgdiv の高さは 0 に設定され続けます。

ここで何が間違っているのかわかりません。誰か助けてもらえますか?

4

1 に答える 1

0

多分これを試してみませんか？

$(".callModal").click(function() {
    var bodyHeight = $("body").outerHeight();
    $(".modalbg").css("height", bodyHeight);
});
于 2012-09-17T13:46:57.440 に答える