Question

我有一个带有css display none的div，显示<style type="text/css"> :root { --slide-1: url("{{url('public/assets/images/logo-nfs.png')}}"); /*this is laravel*/ --slide-2: url("<?php echo 'images/logo-nfs.png';?>"); }`enter code here` .header111 { background-image : var(--slide-1); /*this is php*/ } .header22 { background-image : var(--slide-2); } </style> <div class="header111"> test here </div> <div class="header22"> test here </div> <br>功能单击按钮。

该div包含博客评论。当我发送新评论时，我使用.toggle函数刷新该div，但它会切换div，所以我必须再次单击按钮才能显示它。

有什么方法可以避免这种情况吗？

CSS：

.load

HTML：

.comments-container {
    width: 100%;
    display: none;
}

JS：

<div class="row" id="criticas-wrapper">
    <h4 class="media-title" id="toggle_criticas" onclick="ver_criticas()">&#x25BC CRÍTICAS</h4>
    <button type="button" class="reply">Nuevo comentario</button>
    <div class="comments-container">
     // Here are all the comments
    </div>
</div>

Answer 1

最简单的方法是在重新加载后向show()添加div。

...load(url, function(){
   ...show();
})

因此，在加载完成后立即显示它。

jQuery .load div内部切换

1 个答案: