当前位置：文江博客话题详情

jquery移动轮播

发布于 2024-10-28 10:16:10 字数 126 浏览 2 评论 0原文

我需要在幻灯片上显示一个带有移动轮播的页面 - 不更改页面，但仅在幻灯片上显示轮播中的项目（无需页面重新加载）。然后，在轮播中，项目会链接到 jqm 对话框。我怎样才能在没有 iframe 或嵌入的情况下做到这一点。但这需要在滑动时起作用

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

何处潇湘 2024-11-04 10:16:10

查看 http://swipejs.com/

优点：

保持简单（标记约定）
使用 CSS 过渡（非常流畅在 iOS 上）
您可以滑动任意标记，
无需其他库；纯 JS

许可证：GPL 或 MIT

可以通过简单地将点击处理程序绑定到生成动态对话框的滑动元素来链接到对话框，如下所示：

var dialog = jQuery('<div data-role="dialog"> <div data-role="content"> <h1>A Dialog</h1> </div> </div>');
dialog.appendTo(jQuery.mobile.pageContainer);
jQuery.mobile.changePage(dialog);

Check out http://swipejs.com/

Pros:

Keeps it simple (markup convention)
Uses CSS-Transitions (very smooth on iOS)
You can swipe through arbitrary markup
no other libraries required; pure JS

License: GPL or MIT

The link to your dialog can be done by simply bind a tap handler to the swiping elements that generates a dynamic dialog like this:

var dialog = jQuery('<div data-role="dialog"> <div data-role="content"> <h1>A Dialog</h1> </div> </div>');
dialog.appendTo(jQuery.mobile.pageContainer);
jQuery.mobile.changePage(dialog);

回复收藏 0 原文