滑动切换导航以在页面加载时打开

时间:2013-07-27 11:02:30

标签: jquery menu touch slidetoggle sliding

我正在使用脚本轻触左手滑动导航。 如何在页面加载时(而不是关闭页面)使导航器具有打开的切换位置。

<script>
$(window).load(function(){
$("[data-toggle]").click(function() {
var toggle_el = $(this).data("toggle");
$(toggle_el).toggleClass("open-sidebar");
});

$(".swipe-area").swipe({
swipeStatus:function(event, phase, direction, distance, duration, fingers)
{
if (phase=="move" && direction =="right") {
$(".container").addClass("open-sidebar");
return false;
}
if (phase=="move" && direction =="left") {
$(".container").removeClass("open-sidebar");
return false;
}
}
}); 
});
</script>

1 个答案:

答案 0 :(得分:1)

在你的HTML中:

<div class="container open-sidebar"> 
  [content]
</div>

或在你的Js中:

$(window).load(function(){
  $(".container").addClass("open-sidebar"); // add class ".open-sidebar" to ".container" once dom is loaded
  $("[data-toggle]").click(function() {
  ...