我已经为我正在研究的项目站点建立了状态和回复系统。
我将隐藏按钮中每个状态发布的回复框,并使用.toggle()
js中的函数使其显示onclick并再次隐藏onclick。我使用PHP variable
的ID作为ID,hidden div
并且其中Variable
包含数据库上状态的ID,因为这是使每个状态唯一的唯一原因,因此将其用作div ID进行答复是有意义的,因为它将为每个答复框提供它的父代的ID,也使它成为链接了该回复框的每个状态的唯一回复框。在toggle function
下面有切换,所以我知道,没问题id
了div
正在为一个id
,并且切换功能可以拿起PHP变量中的ID。
我遇到的问题是,div
无论是否按下了什么回复按钮(例如状态1,2或回复3 ),切换功能本身都只会切换底部的回复框。图像显示了您所显示的框,并且是在按下最高状态open reply
按钮。显示的答复框也仅链接到底部,div
因此,如果我按顶部open reply
按钮,则显示在底部状态下方的答复框仅将答复发送到底部状态,而不发送到顶部状态,因此无论按下什么按钮它会打开底部状态回复框。
我确实要道歉,因为我要在此处发布实际图像,但我不能,因为我没有10的声誉。如果达到10,我将删除此文本并将其链接并替换为图像。 http://gyazo.com/97e8ac89ec623d5a876ee2ebb63fe8fb
请忽略以下事实:答复没有显示在其自己的div中,而是在图片中显示为黑色,因为我还没有创建CSS代码来以整洁的方式显示这些答复。
以下是两种版本的js切换功能,它们都可以使用,但都可以与上述问题脚本1一起使用
<script>
var show;
show = '<?= $status_id ?>';
function showreply() {
$('#' + show).toggle();
}
</script>
这是脚本2有什么相同的作用
<script>
function showreply() {
$('#<?php echo $status_id?>').toggle();
}
</script>
以下是其中包含的php代码,可div
使用js进行切换,并且还具有使用php变量设置的唯一ID。
$mail .= '<div id="'.$status_id.'" class="replyholder">.......THIS IS THE CONTENT......</div>';
如我所说,问题在于以下事实:js脚本未针对每个唯一的div运行,并且仅适用于最下面的div,无论显示的是2还是10 div。它跳过上面的所有div,并认为所有open reply
按钮都属于底部div。
下面是单击时运行js脚本的按钮代码。
$mail .= '<button class="replybutton" onclick="showreply();">Open Reply</button>';
此按钮代码放在div
实际代码中使用js脚本切换的按钮上方,因此请不要以为我在div下面有此按钮。
如果有可能做我想做的事,有谁知道如何解决这个问题。我将不胜感激任何人都可以提供的帮助,因为我无法真正使用此状态系统,因为我还需要采用相同的js脚本来切换对回复的查看,因此我可以整齐地压缩网站上的所有内容。
感谢您阅读本文,我期待您的答复
试试这个
javascript:
<script>
function showreply(elem) {
$(elem).next("div").toggle();
}
</script>
PHP:
$mail .= '<button class="replybutton" onclick="showreply(this);">Open Reply</button>';
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句