-1
我有我的网页上有的拖着元素:如何跟踪和显示输入中的元素位置?
<h1 id="text1" class="drag" style="top:446.5px; left: 590.5px;">Title</h1>
<img id="img1" src="" data-resize="true" data-src="" class="drag" style="top:446.5px; left: 590.5px;">
我用这个代码,以使他们dragable:
<script type="text/javascript" src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
var positions = JSON.parse(localStorage.positions || "{}");
$(function() {
var d = $("[class=draggable]").attr("class", function (i) {
return "draggable_" + i
})
$.each(positions, function (id, pos) {
$("#" + id).css(pos)
})
d.draggable({
scroll: false,
stop: function (event, ui) {
positions[this.id] = ui.position
localStorage.positions = JSON.stringify(positions)
}
});
});
</script>
它的工作原理,当元素只有一个类名。如果有像“可拖动的颜色填充”这样的类,它不起作用。
如何让使用乘法类名称成为可能?谢谢你的帮助。
是的。可以看看Draggabillys源代码 –