我有一个包含 onclick 调用的菜单。然后我的 js 脚本捕获数据并将其发送到 php 脚本进行处理并将其返回到我的 js 脚本,该脚本应该将结果放入定义的文档元素中。很简单,对吧。
但由于某些原因,如果我在我的 CSS 中设置背景颜色,结果将不会显示。这是我的代码的相关部分。如果我的代码有缺陷,有人可以指出我吗?如果没有,为什么会发生这种行为,是否有解决方法。
我的CSS...
.decade { margin-left: 150px; padding: 20px; color: green; }
.slaby { position: fixed; left: 200px; bottom: 86px; top: 50px; right:50px; color: black; padding: 20px; background-color: #ddd; border: 2px solid grey; }
我的 html...
<div class='tln'>
<span class='point' onclick='mes(this)' go='a' >The 70's</span>
<span class='point' onclick='mes(this)' go='b' >The 80's</span>
</div>
<div id='decade' class='decade'>
<div id='slab' class='slaby'></div>
</div>
我的 js...
function mes(span) {
var clam = span.getAttribute('go'); var shot = 1;
$.ajax({ url:'', type:'POST',
data:{ page: clam, shoot: shot, },
success: function(snowy){
$('#slab').html(snowy);
$('#decade').html(snowy);}});}
在我的 js 脚本中,我将结果放在“slab”和“decade”元素中,仅用于测试目的。现在使用我的 css,div(decade) 显示结果,而 div(slab) 仍然是空白。
出于某种原因:如果我从 div(slab) 中删除背景颜色结果显示在这里;如果我向 div(decade) 添加背景颜色,结果仍会显示在这里。
我正在寻找一种在 div(slab) 中显示结果的方法;以及具有 css 样式的 div(slab) 的背景色。谢谢大家的帮助,祝你有美好的一天。
最佳答案
其他一些评论指出 #slab 在 #decade 的“内部”,因此当您执行 $('#decade).html() 时,您正在替换/删除 #slab。
使用
$('#decade').append()
代替或替代
$('#decade').prepend()
关于javascript - 为什么 jquery 不会将结果放在带有背景颜色设置的 div 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49677561/