jquery拖动图像

Question

我想在jquery中制作一个可拖动的图像.首先,我对jquery的经验是0.说过让我描述一下我想要实现的目标.我有固定的宽度/高度div.并且div中包含的图像尺寸很大.所以我希望图像在div中可拖动,以便用户可以看到整个图像.

有人可以帮忙吗 考虑到我的jquery流畅性,请稍微详细说明一下程序.

Answer 1

您可以使用以下内容;

$(function() {
  $("#draggable").draggable();
});

Answer 2

你想要jQuery Draggable UI工具.与所有jQuery一样,这个代码非常简单:

$(document).ready(function(){
  $("#draggable").draggable();
});

将从标准html标记创建一个可拖动对象(IMG在您的情况下).为了限制它在特定区域的移动性,您可以查看其包含选项.

更新:"什么是'#draggable'和'准备好'"？

1. '#draggable'表示您希望能够拖动的元素.散列(#)符号表示ID.当你添加图片标签时,可能会给它一个像下面这样的id:
   
   <img src="myimage.jpg" id="draggable" />
   
   这将使上面的javascript使你的图像可以拖动,因为它具有jQuery正在寻找的'#draggable'id.
2. '.ready()'是页面加载完成后,浏览器自动引发的方法.jQuery小组鼓励开发人员将所有jQuery代码放在此方法中,以确保在任何jQuery代码尝试操作它们之前,页面上的所有元素都已完全加载.