Question

我正在开发一个项目，当页面加载时我需要一个图钉来跟随鼠标，当用户点击鼠标时，它会将图钉放在鼠标光标所在的位置。我无法弄清楚如何使用jQuery UI做到这一点。我查看了一些仅在jQuery中完成的示例，但无法让它们与整个页面一起工作。如果有人有任何经验，我会很感激帮助。

Answer 1

从问题来看，目前还不清楚确切的问题是什么，但这样做应该很简单，只需创建一个带有一些图钉背景的div，然后创建div position:absolute并将其移到{{1 }，在mousemove上创建一个具有相同背景的新绝对div，并将其放置为

<强> HTML

click

<强> CSS

<div id="content">
<div id="mousepin" class="pushpin" />
</div>

和 javascript

.pushpin{
    background-image: url(http://maps.gstatic.com/mapfiles/ms2/micons/grn-pushpin.png); 
    width:32px;
    height:32px;
    position: absolute;
}

#content{
    background-color:#ffefff; 
    width:100%;
    height:500px;
}

您可以在行动中看到它http://jsfiddle.net/anuraguniyal/uUGsH/embedded/result/

jQuery UI拖动鼠标移动和拖放点击

1 个答案: