jQuery Mobile data-role =「header」點擊事件未觸發

我在我的jQuery移動應用程序的標題中有一個刷新按鈕，點擊事件不會在我的瀏覽器（Chrome）中觸發。這裏是我的代碼：jQuery Mobile data-role =「header」點擊事件未觸發

HTML

<div data-role="header" data-position="fixed"> 
    <a id="#refresh_deals" data-role="button" data-inline="true" data-iconpos="notext" data-mini="true" data-icon="refresh"></a> 
    <div data-role="fieldcontain" class="ui-title" data-inline="true"><input id="main_search" data-mini="true" type="search" /></div> 
    <a id="map_btn" data-inline="true" data-mini="true" data-transition="slide" href="#gps_map">Map</a> 
</div><!-- header -->

的JavaScript

$(document).bind('pageinit', function() { 
    $('#refresh_deals').on('click', function(){ 
     console.log('refresh clicked') 
    }); 
});

這是一個非常簡單的事情，但沒有運氣吧！我已經嘗試了點擊事件以及我可以在網絡上找到的其他任何東西。有誰知道這裏發生了什麼？

來源

2013-05-09 PropSoft

嘗試.live（ '點擊'， – HaBo 2013-05-09 17:16:11

的'＃'你選擇告訴jQuery的，它的期待對於一個ID，但是你的id是'＃refresh_deals'，所以你的選擇器需要是'## refresh_deals'，或者更可能你的ID只是'refresh_deals'。 – 2013-05-09 17:16:40

你的HTML是不正確，請嘗試更改此：

<a id="#refresh_deals" ... />

這樣：

<a id="refresh_deals" ... />

來源

2013-05-09 17:16:49

OMG！Wow ..顯然我需要sleep ......謝謝你Palash。 – PropSoft 2013-05-09 17:18:35

jQuery Mobile data-role =「header」點擊事件未觸發

回答

相關問題