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?哦,是的,对。谢谢大家!:)