jQuery UIのdraggableを使いたいけど、つかえない

理解するまでかなり悩んだ。

  • jQuery UIのBuild Your Downloadで全て選択してからVersion1.8.2を選択してDownload
  • 展開した「jquery-ui-1.8.2.custom/js」の二つを使う
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.4.2");</script>
<script type="text/javascript" src="js/jquery-ui-1.8.2.custom.min.js"></script>

パスを指定してjQuery UIの基本的なことはつかえるけれど「draggable」が使えないで悩む。2日悩んだ。
 
展開したフォルダを眺めると「development-bundle/ui」ってなフォルダがある。
中身を見るとdraggableサンプルソースコードにあったファイルが見つかった。

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.4.2");</script>
<script type="text/javascript" src="js/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="js/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="js/ui/jquery.ui.mouse.js"></script>
<script type="text/javascript" src="js/ui/jquery.ui.draggable.js"></script>
<script type="text/javascript" src="js/ui/jquery.ui.droppable.js"></script>

スクリプトを指定してあげると動くようになった。
・・・って、解説サイトがあっちこっちにあるけれど、ダウンロードしたファイルの取扱方まで説明しているところを見つけられなかった。常識なのか?