2011-08-12 15 views
0

こんにちは、この関数を要素から呼び出そうとしていますが、要素IDは動的です。jQuery/jQueryモバイルタップ/スワイプイベント

<script> 
$(function() { 
    $('#showme_').live('swiperight',function(event) { 
    $("#showDel_").show(); 
}); 
</script> 

ユーザーが要素をスワイプすると、削除ボタンが表示されます。

<div id="swipeme_1">swipe me 
<div id="showDel_1" style="display:none;">DELETE</div> 
</div> 

<div id="swipeme_2">swipe me 
<div id="showDel_2" style="display:none;">DELETE</div> 
</div> 

<div id="swipeme_2">swipe me 
<div id="showDel_3" style="display:none;">DELETE</div> 
</div> 

私はサイトのバックエンドコードでJavaScriptをループすることで同じ効果を得ることができます。別の/簡単な方法はありますか?

よろしく

+0

例を見てみお勧めしますステータスを右にスワイプして削除ボタンを表示します。 – shane

+0

im jquery mobileを使用しています – shane

答えて

2

私はあなたがswiperlightイベントのために使用しているプラ​​グインこれを知りません。あなたがtouchwipeプラグインを使用していない場合しかし、私はあなたのiPhone上でFBアプリを使用している場合は、この

http://www.netcu.de/jquery-touchwipe-iphone-ipad-library

サンプルコードで

$("#showme_").touchwipe({ 
    wipeLeft: function() { alert("left"); }, 
    wipeRight: function() { alert("right"); }, 
    wipeUp: function() { alert("up"); }, 
    wipeDown: function() { alert("down"); } 
    preventDefaultEvents: true 
}); 
+0

返信いただきありがとうございます。#showme_idどのようにIDを取得しますか?またはループ内のこのスクリプトです。 – shane

+0

スワイプイベントをアタッチする要素のIDを知っている必要があります。このコードをコードの適切な場所に配置します。 – ShankarSangoli

+0

申し訳ありませんが、最初の投稿で私はdivのIDをデータベースから引っ張られた、すなわち、1、2、3、4などjavascriptがヘッダ内のdivにjavascriptヘッダーにあなたはライブでtouchwipeを使用することができますので、私は考えていないと考えています – shane