问题标签 [jquery-mobile-panel]

我正在尝试在面板中使用带有可折叠项目的列表视图，但我得到了奇怪的结果。具体来说，这是我正在使用的最小代码。请注意，列表视图中的所有内容均取自 JQuery Mobile 示例，因此我希望它可以开箱即用。

我得到的是类似的东西

可以说这并不完全正确。我究竟做错了什么？

我可以通过覆盖默认的 JQM 样式表来更改面板的固定宽度。但是现在，在我的移动 UI 中，我需要将固定面板的宽度设置为百分比值。

我找到了很多关于如何将 CSS 设置为固定宽度以及显示面板的答案：“push”，但在为 CSS 3D 动画找到这种样式后，我被卡住了：

transform: translate3d(17em,0,0);

它不接受（...至少直到现在）父元素的百分比值。

现在我用javascript替换没有成功，而且因为CSS变量还没有在我的浏览器目标中。

这是我的标记：

页眉、页脚和面板位于其他移动页面之外，并按照 JQM 1.4 的 JQM 文档中的说明进行初始化：

http://jsfiddle.net/e6Cnn/25/

有没有办法让响应式面板占据可用屏幕宽度的 50%？

最终结果：http: //jsfiddle.net/e6Cnn/30/

更新： 如果有人感兴趣，在移动浏览器中进行更多测试后，我想出了另一个解决方案：http: //jsfiddle.net/e6Cnn/37/

我正在使用 jQuery Mobile 的面板功能在页面之间导航。我的大部分页面都有一些 jssor 插件和 Facebook 和 Twitter 等社交媒体插件。选择时，插件无法通过面板项工作。

这是我当前的页面：http: //191armyband.com/contact.html

我单击菜单并转到主页，主页应该加载 Twitter 提要、Facebook 插件和一个 jssor 插件。如果我从面板导航到这里，所有这些都不起作用。

我假设如果我关闭 jQuery Mobile 的 AJAX 功能，我可能会完成这项工作......

这是要使用的正确代码吗？我应该如何将它集成到我的代码中？

这是我当前页面的代码：http: //jsfiddle.net/humorean/n7x4mv9k/

我有一个带有面板的小任务查看器，您可以在其中创建任务，无论如何，我遇到的问题是，当您在移动设备上并向下滚动面板时，它会回到顶部，因此，您需要再次向下滚动才能单击所需的输入，当您完成（或不填写）输入并尝试单击后退按钮以关闭键盘时，它会再次返回顶部。

我尝试使用.focus，但它忽略了它。

为什么会这样？我该如何解决？真诚感谢任何帮助。

点击加号按钮打开面板

PS：我清理了代码以专注于该问题

我的代码：

我有一个像这样的 jquery 移动面板：

我希望面板在单击提交按钮时关闭。现在，当我选择面板内的任何单选按钮时，面板会关闭。如果单击单选按钮，我希望面板保持打开状态，但是一旦单击提交按钮，我希望面板关闭。

我怎样才能做到这一点。任何帮助将不胜感激。

我正在尝试在 Jquery Mobile 面板中打开一个新的 Web 表单。我正在尝试在 webform3.aspx 上打开一个面板，并尝试从 webform3.aspx 调用一个名为 webform2.aspx 的新 Web 表单。下面是我的代码：

在 WebForm2.aspx 上，我只有两个简单的单选按钮和一个提交按钮，下面是我的代码：

webform3.aspx 上的面板工作正常，单选按钮也显示良好，但是当我单击提交按钮时，什么也没有发生。代码不去后面的代码。提交按钮背后的代码如下：

下面是我所看到的屏幕截图，单击提交按钮没有做任何事情。我希望控件在单击提交按钮时执行 Submit_Click 事件。