GridView에서 클릭하여 JQuery를 실행하십시오.

Question

내 페이지의 모달 창에 사용하는 배경 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으로 설정되어 있습니다.

내가 여기서 잘못하고있는 것을 볼 수 없습니까? 누구든지 도와 줄 수 있습니까?

Answer 1

어떨까요?

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