Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/474.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 为什么当Chrome Inspector打开时js的行为会有所不同?_Javascript_Google Chrome_Google Chrome Devtools - Fatal编程技术网

Javascript 为什么当Chrome Inspector打开时js的行为会有所不同?

Javascript 为什么当Chrome Inspector打开时js的行为会有所不同?,javascript,google-chrome,google-chrome-devtools,Javascript,Google Chrome,Google Chrome Devtools,编辑:我可以通过将$.removeAttr('style')更改为attr('style','')来解决这个问题。但一开始就没发现为什么会这样 我在脚本中遇到了一个问题,在脚本中,当我单击某个框时,该框应该会消失并没有样式,当再次单击某个目标元素时,它会从单击的项中获取偏移量 但是发生的事情很奇怪。。。当我单击该项目并单击“关闭”,然后单击“上一步”时,该元素会向下向右移动,并且一直这样做(每次它都会稍微向下向右移动)。我想可能是样式没有被正确删除,所以我打开了检查器来调查它的属性。然而,在检

编辑:我可以通过将
$.removeAttr('style')
更改为
attr('style','')
来解决这个问题。但一开始就没发现为什么会这样


我在脚本中遇到了一个问题,在脚本中,当我单击某个框时,该框应该会消失并没有样式,当再次单击某个目标元素时,它会从单击的项中获取偏移量

但是发生的事情很奇怪。。。当我单击该项目并单击“关闭”,然后单击“上一步”时,该元素会向下向右移动,并且一直这样做(每次它都会稍微向下向右移动)。我想可能是样式没有被正确删除,所以我打开了检查器来调查它的属性。然而,在检查员打开的情况下,一切都很完美。它在Firefox和IE中也能正常工作,但在Safari中不行

我将包括一些代码,但我主要关心的是Chrome Inspector open和closed在行为上的差异

$('body').click(function(event) {        
    if (imageUpload){
        commitUpload(imageUpload);
    }
});

$('#logo1, #logo2').click(function(event) {
    event.stopPropagation();
    event.preventDefault();

    var num = (this.id).substr((this.id).length-1, 1);

    if (imageUpload && imageUpload != num){
        commitUpload(imageUpload);

    imageUpload = num;
    $('#upload_logo'+num)
        .offset($(this).offset())
        .show();
 });

function commitUpload(obj){
    if (obj < 3){
        $('#upload_logo'+obj).removeAttr('style').css('display', 'none').css('position', 'absolute');
        if ($('#urlEdit').is(':visible')){
        $('#form_logo'+obj+'_url').val($('#urlEdit').val());
            }
    }
    imageUpload = null;
}
$('body')。单击(函数(事件){
如果(图像上传){
提交加载(图像上传);
}
});
$(“#logo 1,#logo 2”)。单击(函数(事件){
event.stopPropagation();
event.preventDefault();
var num=(this.id).substr((this.id).length-1,1);
if(imageUpload&&imageUpload!=num){
提交加载(图像上传);
imageUpload=num;
$(“#上传#U徽标”+num)
.offset($(此).offset())
.show();
});
功能提交加载(obj){
if(obj<3){
$(“#upload_logo”+obj).removeAttr('style').css('display','none').css('position','absolute');
如果($('#urlEdit')。是(':visible')){
$('#form#u logo'+obj+''u url').val($('#urlEdit').val());
}
}
imageUpload=null;
}

在黑暗中拍摄以排除一个简单的情况-您是否让inspector作为一个单独的窗口打开,或者它是浏览器窗口中的一个框架?如果是后者,并且您的任何位置、宽度或高度都与视口相关,这可能是一个因素…单独的窗口…我通过更改
removeAttrib解决了这个问题('style')
atrrib('style','')
,但在解释上仍然很奇怪。开始思考与jQueryInterest中removeAttrib相关的错误,很高兴知道。很高兴你解决了它!不过,讨厌仍然会留下问题的解决方案;)在黑暗中拍摄以排除一个简单的情况-您是否将inspector作为一个单独的窗口打开,或者它是浏览器窗口中的一个框架?如果是后者,并且您的任何位置、宽度或高度都与视口相关,这可能是一个因素…单独的窗口…我通过更改
removeAttrib('style')解决了这个问题
atrrib('style','')
,但解释上仍然很奇怪。开始思考JQueryInterest中与removeAttrib相关的bug,很高兴知道。很高兴你解决了它!但讨厌仍然会留下问题的解决方案;)