Question

我想知道Jquery Mobile中是否有任何事件可以通过拖动来隐藏/显示div。就像电话中的效果一样。

我已经在堆栈中进行了研究，我发现最近的解决方案是使用Jquery UI，只需使用JqueryMobile函数即可完成。

谢谢＆amp;问候

Answer 1

是的，您可以使用Jquery UI，

我为你创建了一个Demo，所以只需在屏幕中心左右拖动它就会隐藏它。

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/

是否可以在Jquery mobile中检测拖动

1 个答案: