jquery移动轮播答案

【问题标题】：jquery mobile carouseljquery移动轮播
【发布时间】：2011-07-26 11:18:31
【问题描述】：

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

【问题讨论】：

标签： jquery jquery-mobile carousel

【解决方案1】：

查看http://swipejs.com/

优点：

保持简单（标记约定）
使用 CSS-Transitions（在 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);

【讨论】：

【解决方案2】：

看看 Ariel Flesler 的 lib LocalScroll ：

http://flesler.blogspot.com/2007/10/jquerylocalscroll-10.html

你可以在这里看到它的使用情况：http://nancysellers.net/

【讨论】：