2012-01-21 25 views
0

jQuery移動按鈕在點擊分頁後呈現過濾器按鈕的亂碼。顯示地圖的點擊事件也會在更改頁面後停止工作。在jquery mobile中呈現按鈕

我應該打電話刷新頁面嗎?

Sandbox link

標記是如下:

<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 --> 
+0

你應該張貼 –

回答

2

首先,我會建議使用jQuery 1.6.4作爲JQM僅支持該版本1.0

您的問題是您要添加導航到另一個頁面時,後退按鈕,這是造成這兩個過濾器的重疊和後退按鈕。

卸下data-add-back-btn="true"屬性應該解決這個問題

+0

謝謝Phill。刪除data-add-back-btn解決了問題。你能爲第二個問題提出解決方案嗎? –

1

在地圖按鈕,它適用於動態內容,你應該使用實時事件綁定或代表團。取而代之的

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

嘗試

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

對於過濾器按鈕,我可以下一個Filter看到Back按鈕,這樣你想擺脫後退按鈕的,因爲你不需要它在那裏。您可以刪除data-add-back-btn="true"屬性。

+0

謝謝你兩個問題。刪除data-add-back-btn解決了第一個問題。但是,實時綁定並沒有幫助。 –