点击事件不会在下划线模板中触发

Question

在我的列表项视图中，我想对应该绑定到每个列表项模板元素的单击事件做出反应。我有一个带有可折叠内容的模板（jquery mobile），在h1标签内部，click事件不会触发，但对于h1标签外的“send-btn”，click事件可以正常工作。

我也试过“button.delete-btn”或“h1 .delete-btn”，但这不起作用。

有一段时间“button.delete-btn”工作了，但是自从我从jqm 1.1.0转移到jqm 1.1.1后它再也无法工作了..

<script type="text/template" id="post">
    <div data-role="collapsible" data-theme="b" data-content-theme="b" data-collapsed="false">
        <h1>
            <button class="delete-btn" data-theme="b" data-inline="true">Delete</button>
            <p class="ui-li-aside ui-li-desc"><strong><%= time %></strong>, <%= date %></p>
        </h1>
    </div> 
    <div data-role="fieldcontain">
        <fieldset data-role="controlgroup" data-type="horizontal">
            <input class="my-input" type="text" />
            <button class="send-btn" data-inline="true" data-theme="b">Send</button>
        </fieldset>
    </div>
</script>

var PostView = Backbone.View.extend({ 
    template: _.template($("#post").html()),
    events: {
        "click .delete-btn": "delete",
        "click .send-btn": "send"
    },
 });