モバイル版のウェブサイトで 'div' をアニメーション化しようとしています。
$(function(){
$( "#iconReorder" ).bind( "tap", tapHandler );
function tapHandler( event ){
$( "#iconReorder" ).animate({
marginLeft: "15px"
}, 500 );
}
});
「div」の位置が変わったら、もう一度タップしてデフォルトの位置に戻せるようにしたいと思います。
「if」ステートメントを作成しようとしましたが、なぜ機能しないのか理解できません。「div」の「marginLeft」を JavaScript コードの変数として想定し、「marginLeft=10px」の場合は右に移動し、「new」の場合は左 (デフォルト位置) に移動します。 'marginLeft は 10px ではなくなりました。私は次のコードで試しました:
var x = ("#iconReorder").style.marginLeft;
if (x = "10px") {
$(function(){
$( "#iconReorder" ).bind( "tap", tapHandler );
function tapHandler( event ){
$( "#iconReorder" ).animate({
marginLeft: "15px"
}, 500 );
}
});
} else {
$(function(){
$( "#iconReorder" ).bind( "tap", tapHandler );
function tapHandler( event ){
$( "#iconReorder" ).animate({
marginLeft: "10px"
}, 1000 );
}
});
}
誰か助けてくれませんか?私が言ったことが理解できることを願っています。ありがとうございました