これが開発中は機能するが、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;
}
}
とはパーシャル内にあり、パーシャルを含む 1 つのページで使用するとクリック可能であり、パーシャルを使用する別のページではクリックできないため<div id="mpimage1">
、これを行う必要があります。クリック可能なときにのみ効果を発揮さ<div id="mpimage2">
せたいです。:active
ありがとう!