0

大家好，我正在设计一个移动网站，并且在移动 jQuery 方面非常缺乏经验，所以如果你们都可以帮助我。如果我可以在您滑动时让他的页面部分刷新。这个 div 包含一个产品目录代码，以便在您刷新页面时产品会发生变化。我想做的是在我的页面中有一个特定的 div 标签，以便在做出滑动动作时刷新。

<div data-role="content" id="colorme">

<!-- Start:Here is where the product come up-->
<!--START: ITEM_TEMPLATE_0-->
<div style="padding: 1em .5em 1.5em .5em; text-align:center;" id="bg" >
    <div style="background-color:#ffffff; margin-bottom: .5em;"> <a href="product.asp?itemid=[catalogid]"><img src= "/thumbnail.asp?file=[THUMBNAIL]&maxx=200&maxy=0" width="200" alt="[name]" border="0"></a>
    </div>
    <div style="padding-bottom:.5em;" class="name"> [name]
    </div>
    <div>
    <a href="product.asp?itemid=[catalogid]"><img src="images/btn-more-details.png"></a>
    </div>
</div>
<!--END: ITEM_TEMPLATE_0-->
<!-- END: stop products-->

  </div>

  <div data-role="footer">
    <h1>My Footer</h1>
  </div>
</div>

非常感谢！

抱歉，您可以在这里查看网站：

kitchenova.com/mobile

4

1 回答 1

0

如果您使用的是 jQuery Mobile 库，则可以使用swipe()

http://api.jquerymobile.com/swipe/

这是一个事件侦听器，它将检测“滑动”事件（我使用引号是因为它在技术上侦听单击和拖动，而不是本机触摸事件）

您可以在其中放置您需要的任何功能，以完成您正在尝试的任何事情。

如果您只需要将新内容带入 div，您也可以使用各种不同的插件来实现类似滑动轮播的功能（其中许多实际上会使用真实的触摸事件，这在您的自己的，但会比 jQuery 的滑动方法更好，更流畅）

我推荐swipejs：

http://swipejs.com

于 2013-10-04T05:05:07.373 回答