Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery在firefox和chrome上的表现不同_Javascript_Jquery - Fatal编程技术网

Javascript Jquery在firefox和chrome上的表现不同

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({

下面的人员,我有这些命令来获取每个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({
      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代码吗