Javascript JQuery移动页面幻灯片,新facebook菜单

Javascript JQuery移动页面幻灯片,新facebook菜单,javascript,jquery,html,css,jquery-mobile,Javascript,Jquery,Html,Css,Jquery Mobile,以下是我的故事: 我想在屏幕的左侧有一个新的facebook菜单。这真的很好,我希望将其添加到我的webapp中,但问题是,我在css方面真的不太好,在css3方面更糟 经过几个小时的搜索,我发现了以下链接: 这正是我想要的,非常完美。但它对移动设备不起作用。当按下链接时,它会打开一个全新的页面,而不是将div滑入视图 有什么办法让它工作吗?没有完全工作,但应该为您指出正确的方向: (用于移动测试) 幻灯片页面不会加载文本,但是幻灯片过渡可以工作,而且您可能还需要调整关闭过渡 希望这有帮

以下是我的故事:

我想在屏幕的左侧有一个新的facebook菜单。这真的很好,我希望将其添加到我的webapp中,但问题是,我在css方面真的不太好,在css3方面更糟

经过几个小时的搜索,我发现了以下链接:

这正是我想要的,非常完美。但它对移动设备不起作用。当按下链接时,它会打开一个全新的页面,而不是将div滑入视图


有什么办法让它工作吗?

没有完全工作,但应该为您指出正确的方向:

  • (用于移动测试)
幻灯片页面不会加载文本,但是幻灯片过渡可以工作,而且您可能还需要调整关闭过渡


希望这有帮助

我也想实现这个新的FaceBook风格的菜单和功能。希望能有帮助。我相信这可以做得更好,但这是我的尝试

这个主题很古老,但这里有一个适用于移动设备的有效解决方案:

它在Windows phone、iOs和Android设备上运行

我尽量使代码尽可能简单,易于理解和修改


查看“文件”菜单\u nav.js,不到100行。

您尝试过什么?示例代码也很好,请编辑您的问题和/或添加一个链接,以帮助我们更好地了解您在流程中遇到的问题。好的,很抱歉,我明天会这样做。我确实在我的帖子中使用了github链接中的代码。我确实参考了移动jqeury文件(css和js),并将页面幻灯片绑定到一个按钮上。当我按下它时,它会打开一个全新的页面。当我写这篇评论时,我在想,也许是因为jquery mobile自动添加到div“data role=”page?这只是一个想法,但我明天会检查:)我希望我给了你一个答案;)如果没有,请告诉我。非常感谢你的评论。我非常感谢你在这方面的帮助!