javascript - 调用ajax时结果没有出现在屏幕上

Question

我正在制作一个照片共享网站(像 pinterest 一样的布局)，但是当我在我的菜单中单击一个类别时，旧内容消失但新内容不可见，但是如果我在 chrome 浏览器中检查检查元素获取的内容在那里。

我不知道它们是如何获取的，但仍然没有出现在所需的 div 中。

下面是html代码。

<div id="container">
    <div class="main" id="main">
        <ul id="tiles">
            <li><img src="asd/12994.jpeg" /></li>
            <li><img src="asd/12995.jpeg" /></li>
            .
            .
            .
        </ul>
    </div>
</div>

我正在调用一个 ajax 函数来用 id main 替换 div 中的所有内容，下面是 ajax 代码。

$.ajax({
    type:'POST',
    url:'strip_all.php',
    data: 'asa='+aq,
    cache:false,
    success:function(res) {
        $('#cat_on_oven_popping').css('display','none');
        $('#main').html(res);
    }
});

Answer 1

正如我们在评论中所讨论的，某些东西使您的数据具有 display: none; 属性。

我不能从你发布的代码中告诉你它是什么，因为它不在那里，你说 #cat_on_oven_popping 不相关。

使用开发工具查看哪个属性具有该属性，并尝试找出是什么添加了该属性。

(我什至会删除 $('#cat_on_oven_popping').css('display', 'none') 只是为了看看会发生什么)