如何用jQuery UI滑動元素

我正在使用滑動事件（和http://api.jqueryui.com/slide-effect/）滑出內容。這工作正常。但是，當前兄弟姐妹滑出時，我需要滑入下一個（'div'）。我嘗試過next（），nextAll（），closest（），但似乎沒有做我需要的。如何用jQuery UI滑動元素

下面是函數

function swipeleftHandler(event){ 
    $(this).toggle("slide");// div slides out to left 

    // need to slide in next one here 

}

的HTML看起來像這樣

<div id="content2" class="content tabcontent active" data-content="1"> 
<div id="orders_today" class="datagroup datagroup0"></div> 
<div id="orders_last_30_days" class="datagroup datagroup1 hide"> 
</div>

揮擊事件被稱爲像這樣

$(document.body).on('swipeleft', '.datagroup' ,swipeleftHandler);

揮擊事件被正確捕獲和根據需要，第一個div向左滑動。我需要在未來股利側有可能是在容器中的多個元素使用相同的類（和未知的ID），所以這就是爲什麼我試圖使用next（）

來源

2013-07-09 Jez D

能否請你展示你的HTML標記。 –

發佈您的相關HTML代碼太 – bipen

我已經添加更多的問題的詳細信息 –

緩存下一隱藏在此之前：

$("body").on("click", "div", function(){ 
    $next = $(this).next(); 
    $(this).toggle("slide"); 
    $next.toggle("slide"); 
});

jsFiddle

來源

2013-07-09 12:54:11

感謝您的輸入。我的HTML很好，只是沒有正確輸入到stackoverflow。感謝小提琴，它的工作原理。那裏，但仍然沒有在我的應用程序工作。 –

請參閱更新，問題是不同的，然後我初步認爲... –

已檢查您的更新小提琴。感謝那。不幸的是，我不能使用ID作爲CSS中的選擇器，因爲在頁面加載時選擇器將不可用（將是未知的），並將使用jQuery動態添加。 –

我發現這一點的解決方案是

刪除隱藏類
集高度容器（＃content2）動態地作爲視口高度的比例。
＃{內容2溢出：隱藏}

然後在我的swiftlefthandler功能，我用下面的

$(this).toggle("slide"); 
$(this).next().toggle("slide");

來源

2013-07-09 13:22:29

如何用jQuery UI滑動元素

回答

相關問題