Javascript Jquery在firefox和chrome上的表现不同
下面的人员,我有这些命令来获取每个div的边框颜色和背景:Javascript Jquery在firefox和chrome上的表现不同,javascript,jquery,Javascript,Jquery,下面的人员,我有这些命令来获取每个div的边框颜色和背景: var data_id = $('#Topo').css('border-color') + $('#Topo').css('background-color') + $('#senha_12').css('border-color') + $('#senha_12:hover').css('border-color') + $('#senha_12').css('background-color'); $.ajax({
var data_id = $('#Topo').css('border-color') + $('#Topo').css('background-color') + $('#senha_12').css('border-color') + $('#senha_12:hover').css('border-color') + $('#senha_12').css('background-color');
$.ajax({
type: "POST",
url: "funcoes/a-php/ler/ler_config.php",
data: data_id,
cache: false,
success: function(data_o){
alert(data_o);
}
});
发生的情况如下,这些div是通过jQuery捕获的,如下所示:
<style>
#senha_12{
margin-left:15px;
float:left;
margin-top:3px;
width:72px;
height:68px;
background:#FFFFFF;
border:2px solid #A3C2FF;
border-radius:10px;
cursor:pointer;
}
#senha_12:hover{
cursor:pointer;
border:2px solid #FF6600;
float:left;
}
</style>
<div id="Topo" style="border-radius:10px; width:150px; margin-left:-5px; margin-top:30px; text-align:center; height:80px; float:left; background:url(background.png); border:2px solid #060606;">
<div id="senha_12">
<img src="design/imagens/2.fw.png" style="margin-top:10px" width="52" height="48">
</div>
<img src="design/imagens/1.fw.png" style="margin-top:10px" width="32" height="32">
</div>
#森哈乌12{
左边距:15px;
浮动:左;
利润上限:3倍;
宽度:72px;
高度:68px;
背景:#FFFFFF;
边框:2个实心#A3C2FF;
边界半径:10px;
光标:指针;
}
#senha_12:悬停{
光标:指针;
边框:2个实心#FF6600;
浮动:左;
}
在本例中,我给了用户修改每个div颜色的自由,使用一个命令打开一个具有各种颜色的框,因此选择的颜色被捕获为rgb,而jQuery不使用div来更新用户选择的自己的颜色(但这与问题无关,所以我表达这一点是为了避免这些问题“但是因为您想使用它?”)
在Google Chrome中,这些颜色通过JavaScript处理,并在PHP中为PHP中的项目抛出,它接受每个参数并放入一个数组,结果如下所示:
<style>
#senha_12{
margin-left:15px;
float:left;
margin-top:3px;
width:72px;
height:68px;
background:#FFFFFF;
border:2px solid #A3C2FF;
border-radius:10px;
cursor:pointer;
}
#senha_12:hover{
cursor:pointer;
border:2px solid #FF6600;
float:left;
}
</style>
<div id="Topo" style="border-radius:10px; width:150px; margin-left:-5px; margin-top:30px; text-align:center; height:80px; float:left; background:url(background.png); border:2px solid #060606;">
<div id="senha_12">
<img src="design/imagens/2.fw.png" style="margin-top:10px" width="52" height="48">
</div>
<img src="design/imagens/1.fw.png" style="margin-top:10px" width="32" height="32">
</div>
已经在Firefox上,我不知道实际发生了什么,但有些来自空白字段(甚至通过上面的命令编辑颜色):
事后看来,Firefox中的这个错误似乎并不是PHP中的错误参数,我相信Firefox也有同样的问题。。。相信Firefox中有任何例外,阻止使用div的颜色。
我想知道为什么会发生这种情况,以及这个问题的可能解决方案。jQuery在调用
css
时使用window.getComputedStyle(元素)
属性border color
实际上并不存在,但它是border-[left | top | right | bottom]-color的缩写
如果使用了window.getComputedStyle(元素)
。WebKit(afaik)仅在其表示的所有属性具有相同值时才返回速记值
如果您确定颜色各方面都相同,那么您可以考虑调用$(“#Topo”).css('border-left-color')
。如果您的问题是不同浏览器中的jquery,那么php
标记的相关性是什么?对不起,我之所以这样做是因为数组,但现在我知道谁数组没有问题。对不起,除了您已经输入的jquery代码之外,您可以为问题输入jquery代码吗