html - 如何结合 KnockoutJS 使用 HTML5 拖放？

Question

我似乎无法绑定(bind)到 html5 拖放事件。

这是来自模板的示例:

<script id="tabsTemplate" type="text/html">
    <div class="dropzone" for="tab"
        data-bind="event:{dragover: function(event){event.preventDefault();},
                          dragenter: function(event){event.target.addClass('dragover'); event.preventDefault();},
                          dragleave: function(event){event.target.removeClass('dragover'); event.preventDefault();}}
                          drop: function(event){console.log('blahblah!')}"></div>
    <h1 class="tab" draggable="true"
      data-bind="attr: {selected: $data.name === $item.selected()},
                 click: function(){$item.selected($data.name)},
                 event:{ dragstart: function(event){console.log('blah!!')},
                         dragend: function(event){document.getElementsByClassName('dragover')[0].removeClass('dragover')}}">
        ${name}

        <img src="icons/close-black.png" class="close button" role="button"
            data-bind="click: function(e){$item.close($data)}">
    </h1>
</script>

我所拥有的应该按预期工作...只要我将它们设为正常的内联就可以。但是，其他绑定(bind)不起作用!

我收到此错误消息:

Uncaught SyntaxError: Unexpected token '||' jquery-tmpl.js:10

这是怎么回事？我做错了什么吗？

Answer 1

好的，我已经解决了。似乎我在文档中错过了，它说在 knockout 中，默认情况下它使所有事件都阻止默认/返回 false。所以我所要做的就是让我的 dragstart 处理程序返回 true，现在它可以工作了。呸!!