繁体   English   中英

是否有可能在Jquery mobile中检测拖动

[英]Is it possible to detect drag in Jquery mobile

我想知道Jquery Mobile中是否有任何事件可让您通过拖动它来隐藏/显示div,就像在手机中一样。

我已经在堆栈中进行了研究,发现的最接近的解决方案是使用Jquery UI可以仅使用JqueryMobile函数??来完成。

感谢和问候

是的,您可以使用Jquery UI,

我为您创建了一个演示,因此只需拖动屏幕中心附近的框即可隐藏它。

http://jsfiddle.net/JEV5T/

var coordinates = function(element) {
    element = $(element);
    var top = element.position().top;
    var left = element.position().left;
    $('#results').text('X: ' + left + ' ' + 'Y: ' + top);

    // If the box position is greater than 133px from left then hide it

    if (left > 133) {
     $("#box").hide();   
    }
}


$('#box').draggable({
    start: function() {
        coordinates('#box');
    },
    stop: function() {
        coordinates('#box');
    }
});

如果要在移动框时隐藏其他元素,请将($(“#box”)。hide();)更改为div元素的名称。 您也可以添加另一个(if)语句以取消隐藏它。

从这里获取如何使用JQ UI获取div的坐标。 http://gabrieleromanato.name/jquery-getting-the-coordinates-of-a-draggable-object/

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM