Jquery 单击之前已显示Div

Jquery 单击之前已显示Div,jquery,Jquery,我有这个链接 <a href='' style = 'color:black' id = 'compose'>Compose</a> 我希望它在单击时显示这个div id=“#composemessage” <div id='buddies-messages' style= 'float:right;width:60%;height:100%;border:1px solid black' > <!--compose me

我有这个链接

   <a href='' style = 'color:black' id = 'compose'>Compose</a>

我希望它在单击时显示这个div id=“#composemessage”

  <div id='buddies-messages' style= 'float:right;width:60%;height:100%;border:1px solid black' >    
    <!--compose message div-->
    <div id = '#composemessage'>
        <form>
          <div><textarea id='post_content' name='post_content' cols = '79' rows = '5'></textarea></div>
         <div style = 'float:right'><input type='submit' id='post' name='post' value='Post Status' /></div>

    </div>
 </div>

   <script>
     $('#compose').click(function (e) {
        e.preventDefault();
        $('#composemessage').show();
    });
   </script>

$(“#编写”)。单击(函数(e){
e、 预防默认值();
$('#composemessage').show();
});

但是在我点击链接之前,div已经显示出来了。可能是什么问题?

您必须添加
显示:无到你的div,所以它隐藏起来了。您还必须删除DOM中提到的j08691中的哈希

  <div id='buddies-messages' style= 'float:right;width:60%;height:100%;border:1px solid black' >    
    <!--compose message div-->
    <div id = 'composemessage' style = 'display:none;'>
        <form>
          <div><textarea id='post_content' name='post_content' cols = '79' rows = '5'></textarea></div>
         <div style = 'float:right'><input type='submit' id='post' name='post' value='Post Status' /></div>

    </div>
 </div>

   <script>
     $('#compose').click(function (e) {
        e.preventDefault();
        $('#composemessage').show();
    });
   </script>

$(“#编写”)。单击(函数(e){
e、 预防默认值();
$('#composemessage').show();
});

假设您实际上首先隐藏了div,那么您的div的ID是错误的。卸下
#

使用
而不是


#
是jQuery ID选择器。

是#composemessage display:none?哦,是的,对。谢谢大家!:)