2017-09-06 5 views
0

私は助けが必要です。私はulに2つのリンクを持っています。hammer.jsでスワイプにリダイレクト

<ul class="group switcher"> 
    <li><a href="/" id="next"><i class="fa fa-list-ul" aria-hidden="true"></i></a></li> 
    <li><a href="news-table.html" id="previous"><i class="fa fa-th-large" aria-hidden="true"></i></a></li> 
</ul> 

私は右#nextにスワイプすると、私はニュース-table.htmlにリダイレクトします。私はHammer.jsを使用します。ありがとうございました!

+0

jQueryも使いますか? – Argee

+0

jquery mobileは使用できません。 –

+0

これはあなたの後の答えですか?そうでない場合は、私に知らせてください。はいの場合は、回答として確認してください... – Argee

答えて

0
var options = { /* your options*/}; 

$('#next').hammer(options).bind("swiperight", function() { 
    var href = $(this).attr('href'); 
    $(window).location.replace(href); 
}); 

ドキュメントのみを読んで回答しました。あなたのコードにいくつかの調整が必要かもしれません...

+0

オプションに何をすべきですか?ありがとうございます –

+0

私はhammerjsを知らない、それと一緒に働いたことはありません。しかし、あなたはオプションオブジェクトを渡す必要はないと思われます。 '$( '#next')。hammer()。bind(...)'はすでに動作するはずです。オプションオブジェクトでは、必要に応じてhammerjs-optionsを渡します。 – Argee

+0

申し訳ありませんが、私はこれを少し前にテストしました。しかし、このエラーを表示してください:Uncaught TypeError:$(...)。hammerはswipe-button.js:2の関数ではありません。私はjquery.hammer.jsプラグインを追加してもまだ動作しません。ありがとう! –

関連する問題