我需要能够用鼠标移动 div 并将 div 的新位置存储在数据库中以记住显示。我该怎么做?
我强烈建议你研究一下jQuery用户界面 http://jqueryui.com/以及可拖动的交互。基本上,您需要将代码添加到可拖动的 div 中(假设它具有 id="draggable"):
$("#draggable").draggable();
然后,将必要的行为放入停止事件中。更具体地说,你会这样做:
$('#draggable').draggable({
stop: function(event, ui) { ... }
});
至于数据库存储,您可以在上述函数中使用 AJAX 调用,或者可以将其存储在页面中,这样某些表单发送或其他操作会导致位置信息传递到服务器并与其他信息内联存储数据。我对 AJAX 调用要小心,因为每次在每个浏览器上拖动时,您都可能会用位置数据轰炸您的数据库。取决于您的应用程序...
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)