6

我正在学习 learn.knockoutjs.com 上的邮件客户端教程。我想在邮件详细信息块中添加一个“后退按钮”。但是那个按钮是自动触发的。

我的代码

<div class="viewMail" data-bind="with: chosenMailData">
    <button data-bind="click: alert('derp')">derp</button>
    <div class="mailInfo">
        <h1 data-bind="text: subject"></h1>
        <p><label>From</label>: <span data-bind="text: from"></span></p>
        <p><label>To</label>: <span data-bind="text: to"></span></p>
        <p><label>Date</label>: <span data-bind="text: date"></span></p>
    </div>
    <p class="message" data-bind="html: messageContent" />
</div>

当我设置selectedMailData viewMail div 时显示。但同时浏览器警报“derp”。我想当我单击按钮时,浏览器警报。怎么了?

4

1 回答 1

11

当 with 绑定呈现内容时,将执行警报代码。

将其包装在函数中或将其移动到视图模型中的函数

<button data-bind="click: function() { alert('derp'); }">derp</button>
于 2013-10-09T15:21:15.853 回答