jQuery-响应面板

我想在页面加载时显示页面上的面板。我已经有剧本了

但是当网站加载时，面板会显示整个页面->页面的另一面向右滚动，所以我看不到整个内容

因此，我将“class=”ui responsive panel“添加到页面包装器中

现在我有同样的问题，直到我点击一个按钮，我链接到我的面板。这个按钮在第一次单击时隐藏面板，第二次单击时显示我的面板，右侧内容正在缩小其宽度（这是我的目标）

我必须补充什么，这已经在页面加载中完成了

谢谢

编辑： 我的代码

满足于此
标题
这里是我想在页面加载时自动缩放的内容
$（document）.on（'pagebeforeshow'，'#Page'，function（）{
美元（“#面板”）。面板（“打开”）；
});

您在这里有很多选择。首先，我建议调查一下。他们做了很多造型，所以你们不必这么做

此外，您可以在每个div上设置特定的百分比宽度。只需使用宽度：“值”%

您可以做的另一件事是使用@media标记：

@media (min-width 300 && max-width: 480px) {
    #panel {
            width: 96px;
    }
}

---

我知道这有点晚了，但以防万一有人还在试图找到这个问题的答案。 我也遇到了同样的问题，并通过以下方式修复了它：

    $(document).on("pagechange", function (event, data) {
        $('#Panel').panel("open");
    })

现在，面板的html代码如下所示：

<div  id="Panel" 
      data-role="panel" 
      data-display="push" 
      data-animate="false"
      data-dismissible="false" >
      <!-- /panel content -->
</div>

---

其中data dismissible=“false”是可选的，以防您想保持面板可见；data animate=“false”是可选的，以防您想消除页面加载时的动画。

如果您想让任何人都能提供帮助，您可能应该先在问题中添加一些代码；）@TravisJ在我的问题中添加了我的代码；）您想在面板打开时显示

#页面

？@omarnew2pp我已经有了这个。我可以使用我的面板和我的网站。但是如果我加载页面，右边的内容显示不正确。它被推到一边了。。我想要这个，但是，侧边的宽度应该自动设置为适合浏览器窗口。你希望页面和面板都完全可见，对吗？

<div  id="Panel" 
      data-role="panel" 
      data-display="push" 
      data-animate="false"
      data-dismissible="false" >
      <!-- /panel content -->
</div>