Question

我的userpage.aspx中有一个asp按钮，点击按钮后我的隐藏div会出现..但它没有出现???

我的userpage.aspx

 <asp:Button ID="addtutorial" runat="server" Text="Add Tutorial" OnClientClick=" return addtutorial();"/>

我的css

#addtudiv
{
width:170px;
height:190px;
border:1px solid green;
position:relative;
left:550px;
top:-330px;
background-color:#ffffff;
border:5px solid #182032;
display:none;

}

我的javascript

 function addtutorial() {

      $("#addtudiv").toggle();
      return false;
  }

不知道为什么javascript函数不能正常工作？

Answer 1

只是想知道......为什么你写了

top:-330px;

你的CSS课程中的

？也许按钮出现，但它的位置不在页面的可见部分。

另一个可能的问题：你在jquery和css中使用#addtudiv引用你的组件，但是按钮的id是“addtutorial”

Answer 2

尝试使用复选框：

<script type="text/javascript">

    $(document).ready(function () {
        $("#MsCheckBox").change(function () {
            if ( !this.checked) {
                $("#ParametrageMS").css("display", "none"); 
            } else
            {
                $("#ParametrageMS").css("display", "block"); 
            }

        })
    });

它是我用于其中一个程序的代码的一部分，它运行良好。我认为在您的Javascript中，您必须指定css display为none或block

Answer 3

我犯了一个错误，即声明id和函数名称相同......实际上这就是问题..

为什么我的隐藏div没有按钮点击出现？

3 个答案: