javascript - 在按钮上动态显示文本框点击
问题描述
<?php
while($row=mysqli_fetch_array($run))
{
$comment = $row['comment'];
$username = $row['UserName'];
$userid1 = $row['UserId'];
$date = $row['CDate'];
$ageDate = time_elapsed_string($date);
?>
<div class="jumbotron" style="border:3px solid #2FAB9B; background-color:#68C8C6;">
<div class="row">
<div class="col-md-10">
<?php echo $comment; ?>
</div>
<div class="col-md-2">
<?php echo $ageDate; ?>
</div>
</div>
<br>
<label>Comment by <a href="profile.php?id=<?php echo $userid1; ?>"><?php echo $username; ?></a></span></label><br>
<a id="reply">Reply</a>
<br>
<div style="width:63%; display:none; id="replyForm">
<form action="">
<textarea cols="100" rows="4"></textarea><br>
<button class="btn btn-primary" style="float:right">reply</button>
</form>
</div>
</div>
<script>
$(document).ready(function()
{
$("#reply").click(function()
{
$("#replyForm").show();
});
});
</script>
<?php } ?>
我正在制作一个评论系统,其中每个评论都显示评论有一个回复链接点击回复链接我想显示回复文本框和按钮。上面的代码不起作用。
解决方案
你没有完成""
你的cssdiv
尝试这个:
<div style="width:63%; display:none;" id="replyForm"> <!-- Complete "" to the style -->
反而:
<div style="width:63%; display:none; id="replyForm">
更新:
如果它仅用于第一条记录,那么您必须为anchor
.
检查以下:
<a id="reply" class="reply">Reply</a>
还在你的div
.
<div style="width:63%; display:none;" class="replyForm" id="replyForm">
然后在你的jQuery
.
$(document).ready(function()
{
$(".reply").click(function()
{
$(".replyForm").show();
});
});
推荐阅读
- micronaut - 为什么在使用 Kotlin 数据类时在 Micronaut Data JDBC 中使用可为空的主键?
- python - 消息:没有这样的元素:无法找到元素:python 中的 {"method":"css selector","selector":"[id="username"]"} 错误
- css - 在 SVG 文件中,我的 CSS 隐藏文本不显示
- angular - 为什么我的删除功能在我的桌子上不起作用
- python - 如何在 Youtube Data API 中自动化 OAuth2.0?
- javascript - 触发器在 Windows 加载后无法附加无线电
- mysql - MySQL中与+字符匹配的整个单词
- linux - 如何配置 linux 以接收来自两个不同遥控器的信号?
- sql - 是否可以在一个表中插入数据并在 postgreSQL 的同一查询中从另一个表中选择数据?
- javascript - var d = 新日期 (); 需要周一到周五的日子