在 GridView 中单击执行 JQuery答案

【问题标题】：Execute JQuery from click in GridView在 GridView 中单击执行 JQuery
【发布时间】：2012-09-17 21:46:57
【问题描述】：

我正在尝试调整我在页面上用于模式窗口的背景 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>

大概，这应该将模式背景设置为页面上所有内容的相同高度，而不管滚动。

至少，这是我想要完成的。但问题是，modalbg div 的高度一直设置为 0。

我在这里看不到我做错了什么，有人可以帮忙吗？

【问题讨论】：

标签： jquery asp.net css gridview

【解决方案1】：

也许试试这个？

$(".callModal").click(function() {
    var bodyHeight = $("body").outerHeight();
    $(".modalbg").css("height", bodyHeight);
});

【讨论】：