知道为什么这在开发中有效,但在部署在 heroku 上时无效:
if $('#home-header').data('votable') == true
$('#mpimage1').addClass('mpimage')
$('#mpimage2').addClass('mpimage')
else
$('#mpimage1').removeClass('mpimage')
$('#mpimage2').removeClass('mpimage')
CSS:
.mpimage {
width: 400px;
height: 250px;
overflow: hidden;
border-radius: 2px;
position: relative;
&:active {
top: 2px;
box-shadow: 0 5px 0 3px #ccd2d2, 0 7px 20px 6px #d5dbdb;
}
}
我需要这样做,因为<div id="mpimage1">
和<div id="mpimage2">
位于部分内,并且在包含部分的一个页面上使用时它们是可点击的,而在使用部分的另一个页面上它们是不可点击的。我只希望:active
效果在可点击时发挥作用。谢谢!