WordPress3.4でjQuery UIをiPhoneやiPadなどのタッチデバイスに対応させる

Ads

先日リリースされたWordPressの
新バージョン、WordPress3.4から
コアファイルにjQuery UIをタッチ
デバイスで動かすライブラリが
追加されたみたいです。jQueryUI
あんま使わないですけど・・

WordPress3.4から、以前ご紹介したjQuery UIをタッチデバイスに対応させるライブラリ、jQuery UI Touch Punchがコアに導入されました。動作デモや詳細は前に書いた記事をご確認下さい。

jQuery UIをタッチデバイスに対応させるためのライブラリ・jQuery UI Touch Punch

読み込み方

面倒臭いので細かい解説は割愛します。今日はライブラリの場所だけご紹介。

wp_enqueue_script('jquery');
wp_enqueue_script('jquery-ui-core','/wp-includes/js/jquery/ui/jquery.ui.core.min.js');
wp_enqueue_script('jquery-ui-touch-punch','/wp-includes/js/jquery/jquery.ui.touch-punch.js');

こう書いてからResizableなりAccordionなり読み込めばいい。

コアにあるjQuery UI Touch Punchのスクリプトファイルは

/wp-includes/js/jquery/

内に含まれます。

/wp-includes/js/jquery/ui/

では有りませんのでご注意下さい。

対応状況

尚、jQuery UI Touch Punchが対応できるやつは今の所、以下の通りみたいです。

  • Draggable
  • Droppable
  • Resizable
  • Selectable
  • Sortable
  • Accordion
  • Autocomplete
  • Dialog
  • Progressbar
  • Slider

以上です。