带有php变量的Javascript切换显示底部div而不是唯一div

路加

我已经为我正在研究的项目站点建立了状态和回复系统。

我将隐藏按钮中每个状态发布的回复框,并使用.toggle()js中函数使其显示onclick并再次隐藏onclick。我使用PHP variable的ID作为ID,hidden div并且其中Variable包含数据库上状态的ID,因为这是使每个状态唯一的唯一原因,因此将其用作div ID进行答复是有意义的,因为它将为每个答复框提供它的父代的ID,也使它成为链接了该回复框的每个状态的唯一回复框。toggle function下面有切换,所以我知道,没问题iddiv正在为一个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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用固定div使幻灯片在底部和顶部之间切换,而不是向左或向右切换

来自分类Dev

jQuery切换所有div而不是一个

来自分类Dev

Javascript复选框切换div隐藏显示

来自分类Dev

javascript切换显示和隐藏几个div元素

来自分类Dev

切换div以在点击时显示,而切换另一个以隐藏

来自分类Dev

一次仅显示一个展开内容javascript显示带有切换的内容

来自分类Dev

用javascript切换div的高度

来自分类Dev

使用JavaScript切换div

来自分类Dev

在 div 之间切换在 PHP 中不起作用。没有切换它工作正常

来自分类Dev

根据使用javascript的选择显示/隐藏(切换)div的显示

来自分类Dev

div 与另一个 div 切换

来自分类Dev

在div而不是输入字段上使用CSS切换

来自分类Dev

仅1个div切换,而不是全部

来自分类Dev

jQuery-在div上方切换带有内容的幻灯片

来自分类Dev

无法切换div

来自分类Dev

单击切换Div

来自分类Dev

无法切换div

来自分类Dev

如何在没有“隐藏的div”或“不显示”的情况下切换内容?

来自分类Dev

显示另一个时隐藏div-jQuery切换

来自分类Dev

js在Div中查找类+切换CSS /隐藏一个显示其他

来自分类Dev

jQuery隐藏和显示切换保持活动仅一个div

来自分类Dev

创建切换按钮行为以隐藏或显示div

来自分类Dev

切换显示/隐藏并同时替换div内容

来自分类Dev

如何使用CSS切换显示/隐藏div?

来自分类Dev

Next.js切换div标签的显示

来自分类Dev

如何切换布尔状态以显示/隐藏组件/ div?

来自分类Dev

jQuery按钮切换显示隐藏div

来自分类Dev

加载显示div,更改切换元素?

来自分类Dev

jQuery切换的div在调整大小时不显示

Related 相关文章

热门标签

归档