如何在点击内部标题的标签上连接自定义点击功能?

时间:2013-06-10 23:53:00

标签: jquery-mobile

在标题中的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);

但它也没有用)。如何在点击标签内部标题时连接自定义点击功能?

3 个答案:

答案 0 :(得分:1)

你需要绑定到这样的事件:

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

答案 1 :(得分:0)

尝试在"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>

答案 2 :(得分:0)

添加

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>