我遇到了一个我正在研究的jquery移动应用程序的问题。
基本上在应用程序的一个特定部分,我有搜索结果,每页列出6个项目,x个JQM页面,都在同一个实际页面中。我已将其作为多页模板完成,因此您可以在结果中左右滑动和滑动,看起来很漂亮。
搜索结果需要按日期和字母顺序排序,因此您可以在两者之间切换。这个的逻辑都是在服务器端完成的,我只是链接到相同的物理URL但是使用查询字符串来切换到日期顺序。像这样....
<div data-role="controlgroup" data-type="horizontal" data-mini="true" class="orderOptions">
<a href="/Default.aspx?orderBy=atoz" id="MainContent_rptBrochures_BrochureList_2_btnAtoZ_2" data-role="button" data-theme="a" class="sortOptions ui-btn-active ">A-Z</a>
<a href="/Default.aspx?orderBy=date" id="MainContent_rptBrochures_BrochureList_2_btnDate_2" data-role="button" data-theme="a" class="sortOptions">Date</a>
</div>
问题是,如果我单击日期按钮,转换将从新重新排序的结果集加载到第一个JQM页面,而不是其他页面。它还保留了AtoZ结果集中的所有其他页面。我需要所有的Date结果集,而不需要AtoZ集(这些都需要删除)。
我希望添加一个查询字符串会使它看起来像是一个新的页面请求并避免所有缓存内容但它看起来不是!
我不想做的是点击链接完全刷新(这确实有效),因为我们失去了漂亮的过渡。想知道是否有人能想到这个方法吗?或者遇到类似的东西?
干杯,威尔