停止jquery slideDown

Question

我使用RActive来呈现一个消息列表，如下所示：

<ul  class="collapsible">
    {{#each messages}}
    <li>
        <div class="collapsible-header" on-click="readNotification">{{#if read}}<span>{{title}}</span>{{else}}<strong>{{title}}</strong>{{/if}}</div>
        <div class="collapsible-body">
            <p>{{body}}</p>
        </div>
    </li>
    {{/each}}
</ul>

没有问题，但是当单击列表项时，它需要滑动打开，我会将消息设置为read。这将触发Ractive重新呈现该节点，防止其打开。

如何最好地处理这件事？

编辑：用ractive中的数据通过此回调更新，该回调从Firebase侦听child_changed事件。然后，我将更新的对象设置为其在ractive对象中的索引位置。ractive可能认为这是一个新的对象，而不是更新的对象？

this.firebase.child(collectionKey).on('child_changed', function(snapshot) {
    var collectionKey = snapshot.ref().parent().key();
    var obj = snapshot.val();
    var key = snapshot.key();
    var index = app.ractive.get(collectionKey).map(function(item) { 
        return item._firebaseKey;
    }).indexOf(key);
    app.ractive.set(collectionKey+'.'+index, obj);
});

Answer 1

几天前我创造了一个合适的“装饰者”来解决这个问题。我发现Decorator实现比在DOM中通过侦听RActive中的事件来触发jQuery代码更可靠。

装饰人员很容易创建，请查看：http://docs.ractivejs.org/latest/writing-decorator-plugins