Question

我有一个可拖动的图像，但我不能将图像的边界设置为1728乘972。

</head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>

<script>
$(function() {
    $("#upperMall").draggable();
});

</script>

<body>

<div id="upperMall"><img alt="" height="972" src="images/UpperMall.png" width="1728"></div>
</body>

Answer 1

在脚本中编辑此内容

$("#upperMall").draggable({ containment: "#container", scroll: false });

在upperMall div

之外添加容器Div

<div id="container">
    <div id="upperMall">
       .
       .
       .
     </div>

</div>

使容器div大于upperMall div

<强> CSS

body{overflow-x:hidden}

试试这个..

jquery如何为可拖动图像设置限制

1 个答案: