Javascript 模拟滑动滑块的iPad WebApp
我正在为iPad开发一个全屏web应用程序,它将在屏幕上的一个滑块中显示一系列图像,用户可以在这些图像之间滚动,然后单击其中一个 下面是一个示例图像,展示了它的外观: 有很多基于jQuery的滑块,但都需要用户单击某种形式的按钮。我想做的是复制它,以便用户可以滑动屏幕在不同的图像之间移动 以下是一些标记示例:Javascript 模拟滑动滑块的iPad WebApp,javascript,jquery,ipad,Javascript,Jquery,Ipad,我正在为iPad开发一个全屏web应用程序,它将在屏幕上的一个滑块中显示一系列图像,用户可以在这些图像之间滚动,然后单击其中一个 下面是一个示例图像,展示了它的外观: 有很多基于jQuery的滑块,但都需要用户单击某种形式的按钮。我想做的是复制它,以便用户可以滑动屏幕在不同的图像之间移动 以下是一些标记示例: <ul id="magazine-slider"> <li> <div class="image"> &
<ul id="magazine-slider">
<li>
<div class="image">
<img src="magazine-cover-jan.png" width="640" height="640" />
</div>
<div class="meta">
<h3>Magazine Title</h3>
<h4>January 2010</h4>
</div>
<ul class="options">
<li><a title="Delete" href="#">Delete</a></li>
<li><a title="View" href="#">View</a></li>
</ul>
</li>
<li>
<div class="image">
<img src="magazine-cover-feb.png" width="640" height="640" />
</div>
<div class="meta">
<h3>Magazine Title</h3>
<h4>February 2010</h4>
</div>
<ul class="options">
<li><a title="Delete" href="#">Delete</a></li>
<li><a title="View" href="#">View</a></li>
</ul>
</li>
<li>
<div class="image">
<img src="magazine-cover-mar.png" width="640" height="640" />
</div>
<div class="meta">
<h3>Magazine Title</h3>
<h4>March 2010</h4>
</div>
<ul class="options">
<li><a title="Delete" href="#">Delete</a></li>
<li><a title="View" href="#">View</a></li>
</ul>
</li>
</ul>
<ul id="magazine-slider-pagination">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
-
杂志标题
2010年1月
-
杂志标题
2010年2月
-
杂志标题
2010年3月
- 一,
- 二,
- 三,
有人能帮忙吗?谢谢您必须拦截touchStart/Move/End事件 ( )... 请看这里: 这里是一个预构建组件:
您可能需要一个基于触摸的移动框架来处理触摸/刷卡 我想到的是