对页面加载的jquery效果

我想用jquery js隐藏页面加载的div。然后点击一个按钮我想显示该div。我无法做到甚至试图这么辛苦.. 以上显示下面是我的jQuery功能和我想隐藏在页面加载和显示在按钮单击事件的Div。对页面加载的jquery效果

<div id="newDiv"> 
      <fieldset class="fieldset"> 
       <legend>Add Salary Allounce Type:</legend> 
       <table cellpadding="0" cellspacing="0" align="center" class="table"> 
        <tr> 
         <td> 
          <asp:Label ID="LabelAllounceType" runat="server" Text="Allounce Type:"></asp:Label> 
         </td> 
         <td> 
          <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
         </td> 
        </tr> 
        <tr> 
         <td> 
          <asp:Label ID="LabelAllounceType1" runat="server" Text="Allounce Type:"></asp:Label> 
         </td> 
         <td> 
          <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> 
         </td> 
        </tr> 
       </table> 
      </fieldset> 
<asp:Button ID="ButtonAddNew" runat="server" Text="Add New Type" OnClientClick="" />` 
     </div> 
<script> 
    $(document).ready(function() { 
       $('#ButtonAddNew').click(function() { 
        $('#newDiv').hide(); 
       }); 

      }); 
</script>

来源

2012-02-11 Abid Ali

一个简单的解决办法是#newDiv {显示：无}添加到您的CSS，然后在你的函数改变hide（）;对于show（）; 。它会在文档加载时隐藏#newDiv，并在点击#ButtonAddNew时显示它。 – davidgmar 2012-02-11 07:09:36

我在哪里可以调用jquery函数？如何？ – 2012-02-11 07:16:56

我在评论时没有在代码中看到...您想要达到的目标是什么？请具体说明。 – davidgmar 2012-02-11 07:25:21

好吧，你的代码说当你点击按钮时，div应该被隐藏。你可能想要更类似于：

$(document).ready(function() { 
    $('#newDiv').hide(); // make sure the div is hidden on page load. You could also 
         // accomplish this by making it have a style of display: none 

    $('#buttonAddNew').click(function() { 
    // when the button is clicked, show the div. 
    $('#newDiv').show(); 
    }); 
});

来源

2012-02-11 07:07:43

但我在哪里调用这个函数？因为我没有调用这个函数，因此没有效果在浏览器上显示。 – 2012-02-11 07:09:47

在'' – 2012-02-11 07:22:34

所有你需要做的就是添加一个显示：无;到你的div，然后以编程方式显示它。

<div id="newDiv">

变化：

<div id="newDiv" style="display:none;">

，然后在你的JavaScript写：

$('#ButtonAddNew').click(function(){ 
    $('#newDiv').css("display", "block"); 
});

来源

2012-02-11 07:36:01 iAmClownShoe

中包装你的jQuery，你在“disiplay”中犯了一个错字。 – davidgmar 2012-02-11 07:46:19

谢谢。改变了它。 – iAmClownShoe 2012-02-11 22:56:03

对页面加载的jquery效果

回答

相关问题