2014-07-16 52 views
0

我想知道是否在Jquery Mobile中有任何事件可讓您通過拖動來隱藏/顯示div與手機中的效果一樣。是否有可能在Jquery mobile中檢測到阻力

我已經研究過堆棧,我發現最近的解決方案是通過使用Jquery UI可以通過僅使用JqueryMobile函數完成。

感謝&問候

+0

爲什麼你不想使用JQuery UI? – Manwal

+0

@Manwal好吧,我會嘗試使用它,並拿出一些小提琴。其實我已經使用了JQM事件,而且我對Jquery的東西非常陌生,所以對我來說,將它們兩者結合起來很複雜。 – Vikram

回答

0

是的,你可以使用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'); 
    } 
}); 

如果你想隱藏不同的元素在移動框的變化($( 「#箱」)隱藏();)到div元素的名稱。你也可以添加另一個(if)語句來取消隱藏它。

如何從這裏獲取如何使用JQ UI獲取div的座標。 http://gabrieleromanato.name/jquery-getting-the-coordinates-of-a-draggable-object/

+0

這是否適用於觸摸響應?因爲我從Jq Ui文檔中讀到的是,它僅適用於鼠標:) – Vikram

+0

是的,但你需要下載這個黑客 - http://touchpunch.furf.com/ – Tasos

+0

是的,我也讀過它:)謝啦 。所以最後一次諮詢。即將JQ Ui和JQM一起添加是否是一個好的舉動? – Vikram

相關問題