2012年11月11日

RingListプラグインをアップデートしました

長らく放置していたRingListプラグインをアップデートしてみました。

Ring List Plugin

更新内容は「ドラッグでリングを回転できるようにする」です。PC版のブラウザに対しては簡単に出来たのですが、スマホ版のブラウザはマウス関係のイベントを持っていません。少し調べたところ、以下のページが参考になりました。

iPhone/Android/PC 対応。jQuery で書くタッチイベント

上のページのテンプレートだけ引用しておきます。

PC版、スマホ版対応のドラッグイベント
var isTouch = ('ontouchstart' in window);
$('#hoge').bind({
'touchstart mousedown': function(e) {
e.preventDefault();
this.pageX = (isTouch ? event.changedTouches[0].pageX : e.pageX);
this.pageY = (isTouch ? event.changedTouches[0].pageY : e.pageY);
},
'touchmove mousemove': function(e) {
e.preventDefault();
},
'touchend mouseup': function(e) {
}
});


クリック、またはタッチしたときの座標の取得方法が違います。



posted by ぺるたご at 21:21| Comment(0) | TrackBack(0) | 日記 | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/301382843

この記事へのトラックバック
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。