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

时间:2011-08-26 14:04:46

标签: javascript google-chrome google-chrome-devtools

编辑:我可以通过将$.removeAttr('style')更改为attr('style','')来解决此问题。但是从来没有发现它为什么会发生这种情况。


我遇到一个脚本问题,当我点击它时,一个盒子应该消失并变得没有样式,当再次点击某个目标元素时,它会从被点击的项目中获得偏移量。

发生的事情虽然很奇怪...当我点击该项目并单击关闭然后单击返回时,元素向下并向右移动,并且一致地执行(每次它显示为向下和向右)。我想也许风格没有被正确删除所以我打开了Inspector来调查它的属性。然而,检查员打开一切都很完美。它在Firefox和IE中也可以正常工作,但不适用于Safari。

我将包含一些代码,但我主要担心的是Chrome Inspector打开与关闭时行为的差异

$('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;
}

0 个答案:

没有答案