在客户方点击隐藏分区 [英] Hide div on clientside click

问题描述

试图让这个div消失，似乎并没有做什么，我希望它做的，我要去哪里错了？

Trying to get this div to disappear, does not seem to doing what I expect it to do, where am I going wrong?

它不会消失。

使用Javascript：

Javascript:

<script type="text/javascript">

function Show_Hide_Display() {

    var div1 = document.getElementById("checkAvailability");

        if (div1.style.display == "" || div1.style.display == "block") {
            div1.style.display = "none";
        }
        else {
            div1.style.display = "block";
        }

    return false;
}    

</script>

HTML

<div runat="server" id="checkAvailability">
    <asp:LinkButton OnClientClick="Show_Hide_Display()" ID="lbtnCheckAvailability"     runat="server" CausesValidation="true" OnClick="lbtnCheckAvailability_Click">Check availability
    </asp:LinkButton>
</div>

我想按钮pretty很多隐藏自身。

I want the button to pretty much hide itself.

推荐答案

更改行：

var div1 = document.getElementById("<%=checkAvailability.ClientID%>");

的原因是，当checkAvailability控制在客户端呈现的它可以或可以不具有相同的id（checkAvailability）因为asp.net将prePEND其ID与所述容器的控制或一些其它的逻辑。

The reason is that when the checkAvailability control is rendered on the client side it may or may not have the same id (checkAvailability) since asp.net will prepend its id with that of the container control or some other logic.

本＆LT;％= checkAvailability.ClientID％方式＆gt; 将永远给你在客户端的实际ID

This <%=checkAvailability.ClientID%> will always give you the actual id on the client side.

这篇关于在客户方点击隐藏分区的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！