部分Css属性不支持此脚本

如果元素上的CSS属性不匹配，我想将用户重定向到另一个页面。部分Css属性不支持此脚本

目前，这个工程：

<div id="mydoom"> 
    myDoom 
</div> 

<style> 
    #mydoom { 
     position: relative; 
     font-size: 25px; 
     color: red; 
     visibility: hidden; 
     display:none; 
    } 
</style> 

<script type='text/javascript'> 
//<![CDATA[ 
$(document).ready(function() { 
    $(function() { 
     if (
      $("#mydoom").css('visibility') == 'hidden' && // See if the visibility is hidden. 
      $("#mydoom").css('position') == 'relative' && // See if the position relative. 
      $("#mydoom").css('display') == 'none' && // See if the display is set to none. 
      $("#mydoom").css('font-size') == '25px' // See if the font-size is 25px. 
     ) { 
      //do nothing 
     } else { 
      window.location.replace("http://example.com"); 
     } 
    }); 
}) 
//]]> 
</script>

它的工作和重定向页面，如果我改变任何CSS属性的其他值，如果我改变position:relative到position:absolute则页面重定向到的例子。

但是，当我尝试检查padding属性时，它不重定向。

例如：

<div id="mydoom"> 
    myDoom 
</div> 

<style> 
    #mydoom { 
     position: relative; 
     padding: 12px; 
     color: red; 
     visibility: hidden; 
     display:none; 
    } 
</style> 

<script type='text/javascript'> 
//<![CDATA[ 
    $(document).ready(function() { 
     $(function() { 
      if (
       $("#mydoom").css('visibility') == 'hidden' && // See if the visibility is hidden. 
       $("#mydoom").css('position') == 'relative' && // See if the position is relative. 
       $("#mydoom").css('display') == 'none' && // See if the display is set to none. 
       $("#mydoom").css('padding') == '5px' // See if padding is 5px. 
     ) { 
       //do nothing 
      } else { 
      window.location.replace("http://example.com"); 
      } 
    }); 
}) 
//]]> 
</script>

现在你看，我把padding属性并将其设置为5px在JavaScript但在CSS编写12px，现在的页面应该被重定向，但它不能。

为什么填充属性不起作用？

来源

2016-02-12 Jane Cross

可能重复[jQuery如何获取元素的边距和填充？]（http://stackoverflow.com/questions/7420434/jquery-how-to-get-elements-margin-and-padding） – Steve

@Steve can你为我做脚本，我不知道更多关于JavaScript，如何使它成为可能，我检查该帖子，但没有发现工作...如何使我现有的脚本使用填充... –

不幸的是，所以不是一个脚本写作服务。看看关于链接问题的接受答案，看看如何在jQuery中获取元素的填充。（提示：你需要得到一个方向的填充，而不是'padding'速记） – Steve

我可能是错的，但很确定在JQuery中，'padding'的缩写并不总是被接受。更合适的方法是要求“顶部填充”，“填充右侧”......等等。我会测试它并回到这里。

来源

2016-02-12 00:06:42 Josh

部分Css属性不支持此脚本

回答

相关问题