動態移動刷卡內容

大家好，我正在設計一個移動網站，並且在手機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

來源

2013-10-03 Mr.Vegas

使用Photoswipe.js – Sheetal

如果您使用的是jQuery Mobile的圖書館，你可以使用swipe()

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

這是一個事件監聽器，它將檢測到「滑動」事件（我使用引號，因爲它在技術上監聽點擊和拖動，而不是原生觸摸事件）

你可以在這裏放置任何你需要的功能，來完成你正在嘗試的任何事情。

如果您只需要將新內容帶入div，您也可以使用各種不同的插件來實現類似於滑動輪播的操作（其中許多實際上會使用真實的觸摸事件，這可能會非常棘手做你自己，但會運行得更好，比jQuery的刷卡方法更加順暢）

我建議swipejs：

http://swipejs.com

來源

2013-10-04 05:05:07

動態移動刷卡內容

回答

相關問題