jQueryのテンプレ

headタグ内で下記を読み込んでおけばjQuery/jQuery-UIを使用することが可能。

ちなみに、jQuery-UIが提供しているスタイルシートも使用することが可能。

しかも、スマホでのドラッグ＆ドロップにも対応している。

■ jQuery関連のCDN

• https://code.jquery.com/jquery-3.5.1.js
• https://code.jquery.com/ui/1.12.1/jquery-ui.min.js
• https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css
• https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js

なお、上から順に下記の内容となっている。

• jQuery本体
• jQueru-UI本体
• jQuery-UIスタイルシート
• スマホ対応プラグイン