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) | 日記 | このブログの読者になる | 更新情報をチェックする

広告


この広告は60日以上更新がないブログに表示がされております。

以下のいずれかの方法で非表示にすることが可能です。

・記事の投稿、編集をおこなう
・マイブログの【設定】 > 【広告設定】 より、「60日間更新が無い場合」 の 「広告を表示しない」にチェックを入れて保存する。


×

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