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

Question

我正在使用脚本进行触摸滑动左手滑动导航。当页面加载（而不是关闭）时，如何让导航具有打开的切换位置。

<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>

Answer 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() {
  ...