Question

jQuery移动按钮在单击分页后呈现过滤器按钮的乱码。显示地图的点击事件在更改页面后也会停止工作。

我应该拨打刷新页面吗？

标记如下：

<div data-role="header" data-theme="b" id="rest-header">
    <div class="ui-grid-b">
        <div class="ui-block-a"><a href="#" data-role="button" id="filter-btn" class="ui-btn-left">Filter</a></div>
        <div class="ui-block-b"><input type="search" name="search"value="" data-theme="d" /></div>
        <div class="ui-block-c"><a href="#" data-role="button" id="map-btn" class="ui-btn-right">Map</a></div>
    </div>
</div><!-- /header -->

Answer 1

首先我建议使用jQuery 1.6.4，因为jQM仅支持此版本的1.0

您的问题是在导航到另一个页面时添加了一个后退按钮，这会导致过滤器和后退按钮重叠。

删除data-add-back-btn="true"属性应解决问题

Answer 2

对于地图按钮，您应该使用实时事件绑定或委派，以便它适用于动态内容。而不是

$( "#map-btn" ).bind( "click", function(event, ui) { ... });

试

$(document).on('click', '#map-btn', function() {
    // ...
})

对于过滤器按钮，我可以看到Back下的Filter按钮，因此您想摆脱后退按钮，因为您不需要它。您可以删除data-add-back-btn="true"属性。

在jquery移动中呈现按钮

2 个答案: