0

我的 jQuery 移动应用程序的标题中有一个刷新按钮，并且单击事件不会在我的浏览器 (Chrome) 中触发。这是我的代码：

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')
    });
});

这是一件非常简单的事情，但没有运气！我已经尝试过点击事件以及我可以在网络上找到的几乎所有其他内容。有谁知道这里发生了什么？

4

1 回答 1

1

您的 HTML 不正确，请尝试更改：

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

对此：

<a id="refresh_deals" ... />
于 2013-05-09T17:16:49.130 回答