jquery-mobile - 如何在点击标签内部标题时连接自定义点击功能？

Question

在标题中的 JQM 中，我放置了关闭按钮（就像在右上方的窗口上一样）

    <div data-role="header">
        <h1>Data</h1>
        <a  data-role="button" data-icon="delete" data-iconshadow="true"
        data-direction="reverse" onclick="close()"
        data-iconpos="notext"  class="ui-btn-right"></a>
    </div>

我已经定义了简单的关闭功能，例如

function close () {
    alert( 'close' );
}

但它从不开火。（我也尝试放置input type='button'而不是，a但它没有用。我还尝试添加 id='close' 并从标签中删除调用并添加document.ready

$('#close').click(close);

但它也没有工作）。如何在点击标签内部标题时连接自定义点击功能？

Answer 1

您需要像这样绑定到事件：

$('#close').on('click', function(event, data){
    close();
});

Answer 2

尝试添加"javascript:close();"。href

<a  data-role="button" data-icon="delete" data-iconshadow="true" 
data-direction="reverse" href="javascript:close();" data-iconpos="notext"  class="ui-btn-right"></a>

Answer 3

添加

data-ajax="true"

在你的标签中。

HTML

<div data-role="header">
    <h1>Data</h1>
    <a  data-role="button" data-ajax="true" data-icon="delete" data-iconshadow="true"
        data-direction="reverse" onclick="close()"
        data-iconpos="notext"  class="ui-btn-right"></a>
</div>