0

関数を削除するためにスワイプをコーディングしています。最初のイベントでは問題なく動作しますが、2 回スワイプすると、正しく動作しないようです。

左に 2 回スワイプすると「削除」ボタンが消える理由がわかりません。

以下の私のコードを見てください:

<div id="showlist">
<div id="btn_del">Delete</div>  
</div>

<style>
#showlist {
width:100%;
height:100px;
background:#DDD;
border-bottom:1px dashed #666;
}

#btn_del {
float:right;
margin-right:-60px;
background:red;
padding:5px;
display:none;margin; 
border:1px solid #FFF; 
margin-top:20px;
color:#FFF;
font:12px Arial;
font-wieght:bold;
border-radius:5px;
}
</style>

<script>
$('#showlist').bind({  
swipeleft: function() {    
$("#showlist").animate( {'width': '90%'}, 300 );
    $("#btn_del").fadeIn();

},  
swiperight: function() {    
$("#btn_del").hide();
$("#showlist").animate( {'width': '100%'}, 300 );
},
preventDefaultEvents: true
});

デモ: http://jsfiddle.net/Chae/uLwJg/2/

どんな助けでも大歓迎です。

ソウル出身のチェ

4

1 に答える 1

0

私は単に自分で問題を解決しました。削除ボタンオブジェクトの可視性をチェックするコードを入れました。

$('#showlist').bind({  

swipeleft: function() {   
  chk = $("#btn_del").is(':visible');
  if (!chk) {
     $("#showlist").animate( {'width': '90%'}, 300 );
     $("#btn_del").fadeIn();
  } 
},  

swiperight: function() {    
  $("#btn_del").hide();
  $("#showlist").animate( {'width': '100%'}, 300 );
},

preventDefaultEvents: true
});
于 2013-01-16T11:24:20.173 に答える