1

我正在尝试在 Drupal 7 中使用 div 的拖放（使用 jQuery）。我使用的是 jQuery 1.4.4 和 jQuery-ui 1.8.7。该代码在一个简单的 html 文件中工作。我看到标准 Drupal 7 设置中包含 1.4.4 jQuery 文件。我正在对 query-ui 1.8.7 进行特定包含，因为我没有看到 jquery-ui 的包含。当我在 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，将拖动限制在水平方向。

请，建议将不胜感激...

谢谢你戴夫

4

0 回答 0