jQuery HTML（）加载不可见的HTML内容

因此，我试图将html加载到网站div，但每次加载内容时，div都不可见，这意味着加载了html，高度在那里，但内容不可见

有人能帮忙吗

（代码分为两部分（一部分在index.php中，另一部分在costum.js中））

函数加载_消息（）{
$.ajax({
类型：“POST”，
url:“../inc/class/chat/load.php”，
成功：功能（数据）{
$（'.chatMessages'）.html（数据）；
}
});
}
设置间隔（加载消息，5000）；

既然我们没有你的代码，我只能预测

您的ajax没有返回任何数据

您在ajax中的“所说路径”不存在

Ajax返回了一些错误

您正在使用CSS隐藏内容/div

还有其他一些脚本，那就是清除div

您的文本字体与背景的颜色相同。还有更多的可能性

---

我建议您检查页面中的元素并检查控制台中是否有错误。

您在评论中发布了指向该站点的链接，因此我查看了一下。在theme-default.css的第3748行，您有以下内容：

.messages .item {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  opacity: 0;
  filter: alpha(opacity = 0);
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

---

每个

.item

div的不透明度为0，因此不可见。删除不透明属性可以解决这个问题。

那么我们应该猜测您的代码吗？或者您将发布它？更新@Mohamed Yousefc在开始时使用

console.log（data）

检查您的数据，然后执行

console.log（data）

并向我们显示输出/伙计们，我已经检查了帖子的响应，并且html已正确接收！问题是，一旦使用jQuery html（），内容就会被插入，但不可见！嗨，先生！ajax返回的正是我需要的html！html的空间就在那里！但问题是白色的：（你能发布一个JSFIDLE以便我们在线检查它吗？@Kryzek你需要为你的Ajax URL提供一个有效路径。否则我将无法验证数据。问题解决了！非常感谢！他可能更想重新执行transition@Kryzek您应该删除

过滤器：alpha（不透明度=0）；

。

.messages .item {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  opacity: 0;
  filter: alpha(opacity = 0);
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}