Drupal 7で（jQueryを使用して）divのドラッグアンドドロップを使用しようとしています。jQuery1.4.4とjQuery-ui1.8.7を使用しています。コードは単純なhtmlファイルで機能します。標準のDrupal7セットアップに1.4.4jQueryファイルが含まれているのがわかります。jquery-uiのインクルードが表示されないため、query-ui1.8.7の特定のインクルードを作成しています。Drupal 7の基本ページに次のコードを埋め込むと、機能しません...
<style>
.draggable { width: 10px; height: 10px; float: left; margin: 0px;
background: gold ; border: 0px solid gold ; border: 1px solid black ; }
#draggable { cursor: e-resize; width: 800px ; height: 70px ;
background: blue ; border: 1px solid black ; }
#containment-wrapper { width: 800px; height:144px; border:2px solid #ccc;
background: gold ;}
</style>
<div id-containment-wrapper">
<div id="draggable" class="draggable ui-widget-content"></div>
</div>
<script type="text/javascript">
$(function() {
$( "#draggable" ).draggable({ axis: "x" });
});
</script>
なぜこれが機能しないのですか？何も引きずりません。ドラッグを水平方向に制限するドラッグ可能なdivを作成しようとしています。
お願いします、提案をいただければ幸いです...
ありがとうデイブ