jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了JQuery可拖动图像,保存位置大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
好吧,它变得尴尬,已经搜索并尝试了大约5个小时,我只是在圈子里跑…

场景很简单:它是用户配置文件标题图像,可以将其拖动到一个位置,然后将图像的顶部位置保存到数据库中.

感谢Beetroot-Beetroot的“收容:’父母’”,我对这段代码感兴趣,实际上我想要它做出反应!除了一个大问题.图片只是跳到顶部或底部.没有平滑的滚动?如果我将“父母”改为“父母”,它会很好地滚动但是…当然遏制不再存在了.救命? :d

JS

$(function(){
    $(".headerimage").css('cursor','s-resize');
    $(".headerimage").draggable({ containment: 'parent',scroll: false,axis: "y",stop: function(event,ui) {
            var data = "profileheaderposition="+ui.position.top;
            var desTination = "/modules/users/profile/save.PHP";
            get_data(data,desTination,function(test){
                notice(test);
            });
        }
    });                 
});

所以最后但并非最不重要的是,Header包括在内:

<div class="<?PHP if ($user->id == $profileuser->id) echo "changer"; ?> ui-corner-all" id="profileheader" style="overflow: hidden; width: 650px; height: 260px; position:relative;">
<?PHP if($profile->profileheader){
    $size = getimagesize($profile->profileheader);
?>
<img id="" class="draggable headerimage" style="position: absolute; top: <?PHP echo $profile->profileheaderposition; ?>px;" src="<?PHP echo $profile->profileheader; ?>" alt="profileheader" width="650" />

正如我所说,几个小时的谷歌搜索没有给出任何结果 – 如果我不保存结果它会工作得很好,但哦,好吧……

– 编辑 –

现在我要哭了 – 我已经在这个上设置了奖金和帮助我js@R_404_1567@的工具,但在我的网页上有一个来宾帐户:
http://www.animize.de

在那里,您可以使用用户名:Gast和pw gast登录页面 – 单击名称(gast)右上角的,您将看到配置文件 – 您可以在那里移动标题图片 – 当然它应该表现得很好用另一种方式 – 帮助:(

解决方法

@H_301_26@ 试试 this fiddle.

我在拖动事件中添加一个if语句,它检查图像的当前位置,如果条件返回true,则将当前顶部位置设置为ui.position.top,这样可拖动事件在点击时不会增加或减少顶部位置div的边界.这样你就可以保持div的位置属性.

大佬总结

以上是大佬教程为你收集整理的JQuery可拖动图像,保存位置全部内容,希望文章能够帮你解决JQuery可拖动图像,保存位置所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。