jquery - onBeforeSeek 和 onSeek 使用 jQuery Scrollable 切换子 div？

Question

我正在使用 jQuery Tools Scrollable 滚动一些包含一些 YouTube 剪辑的面板。我想在转换过程中隐藏它们以避免动画不稳定。

标记:

<div id="panel_items">
    <div id="wrap">
        <div class="event">
            <div class="header">Event 1</div><!-- Header is always displayed -->
            <div class="youtube">youtube clips</div><!-- hide during transition, then show -->
        </div>
        <div class="event">
            <div class="header">Event 2</div>
            <div class="youtube" style="display: none">More youtube clips</div>
        </div>
    </div>
</div>

当前JS:

$("#panel_items").scrollable({
  onBeforeSeek: function() { console.log("hide .child .youtube"); }, 
  onSeek: function() { console.log("Show child .youtube"); }        
});

额外问题:如何自动设置 #panel_items 的高度以匹配当前面板高度 (.event)？

Answer 1

像这样的东西可能会起作用(未经测试):

$("#panel_items").scrollable({
   onBeforeSeek: function() { this.getItems().css({'visibility': 'hidden'}); }, 
   onSeek: function() { this.getItems().css({'visibility': 'visible'});}
});