JavaScript不会显示/隐藏div-使用PHP / MySQL

Question

在我的PHP / MySQL while循环中，为活动供稿选择数据时，我试图在每个帖子下方显示注释，以便在单击“显示”时显示所有注释。

我在while循环中使用以下代码（因此，对于每个单独的更新，此代码会动态显示多次）：

<script language="javascript"> 
function toggle' . $act_item_id . '() {
    var ele = document.getElementById("toggleText' . $act_item_id . '");
    var text = document.getElementById("displayText' . $act_item_id . '");
    if(ele.style.display == "block") {
            ele.style.display = "none";
        text.innerHTML = "show";
    }
    else {
        ele.style.display = "block";
        text.innerHTML = "hide";
    }
} 
</script>

<a id="displayText' . $act_item_id . '" href="javascript:toggle' . $act_item_id . '();">show</a>
<div id="toggleText' . $act_item_id . '" style="display: none">' . $responseList . '</div>

'。 $ act_item_id。 '包含更新的ID，使所有内容唯一。

当您单击显示时，JavaScript不会显示div。

仅供参考：通过AJAX调用将内容加载到另一个页面中。

AJAX调用如下：

function list_activity(){
    var hr = new XMLHttpRequest();
    hr.onreadystatechange = function(){
    if (hr.readyState==4 && hr.status==200){
    document.getElementById("viewActivity").innerHTML = hr.responseText;
    }
    }
    hr.open("GET", "listActivity.php?t=" + Math.random(), true);
    hr.send();
}

Answer 1

我不完全确定您可以像这样创建和调用JS函数。 此外，我看不出有任何理由为每个部分重新创建函数。 为什么不简单地对函数进行参数化并每次更改参数呢？

一次定义功能

<script>
function toggle(act_item_id) {
    var ele = document.getElementById("toggleText' . act_item_id . '");
    var text = document.getElementById("displayText' . act_item_id . '");
    if(ele.style.display == "block") {
        ele.style.display = "none";
        text.innerHTML = "show";
    }
    else {
        ele.style.display = "block";
        text.innerHTML = "hide";
    }
} 
</script>

然后你可以循环通过

while (some condition) {
    ...
    <a id="displayText' . $act_item_id . '" href="javascript:toggle('.$act_item_id.');">show</a>
    <div id="toggleText' . $act_item_id . '" style="display: none">' . $responseList . '</div>
    ...
}