javascript - fade通过 id 切换 div 容器

Question

我有这个功能:

function showHideLayer(id)
{
    $("#" + id).fadeToggle();
}

和这个 php 代码:

echo "
<a id=\"answer-".$i."\" href=\"#\" onlick=\"showHideLayer('subMessages-".$i."'')\">
<b>".count($ansPostId)."</b> Antworten</a>
<br>
<div id=\"subMessages-".$i."\" style=\"display: none;\">
message
</div>

但是不起作用

谁能帮我吗？

它应该通过单击链接来切换 div 的进出。

谢谢=)

Answer 1

您拼错了onclick。另外，您的报价订单也有问题。

由于您使用的是 jQuery，因此这里有另一个建议:

echo '<a id="answer-'.$i.'" href="#" class="answer" data-submessages="'.$i.'">
    <b>'.count($ansPostId).'</b> Antworten
</a>
<br>
<div id="subMessages-'.$i.'" style="display: none;">
    message
</div>';

还有 JavaScript:

$(document).ready(function() {
    $('.answer').click(function() {
        var sm_id = $(this).attr('data-submessages');
        $('#subMessages-' + sm_id).fadeToggle();
    });
});

这是一个工作示例: http://jsfiddle.net/USWVJ/

对于动态添加的 DOM 元素:

$(文档).on('点击', '元素', 函数)

$(document).ready(function() {
    $(document).on('click', '.answer', function () {
        var sm_id = $(this).attr('data-submessages');
        $('#subMessages-' + sm_id).fadeToggle();
    });
});