如何使用HTML 5拖放结合KnockoutJS?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (68)

我似乎无法绑定到HTML 5拖放事件。

下面是一个模板的示例:

<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>

我所拥有的一切都应该像预期的那样起作用...只要我把它们变成正常的内嵌。但是,其他绑定就不能工作了!

我收到以下错误消息:

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

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

提问于
用户回答回答于

警告

如果要从嵌套模板(因此,从模板中指定模板绑定)将TemplatumOptions传递给模板绑定,请特别注意语法。如果您的绑定如下所示,您将遇到一个问题:

 <div data-bind="template: { name: 'items', data: newItems, templateOptions: { header: “New Items!”}}"></div> 

jQuery模板插件在绑定结束时会被}弄糊涂,因为这是其语法的一部分。在大括号之间添加一个空格会很好。希望这能防止一些不必要的挫折感。

 <div data-bind="template: { name: 'items', data: newItems, templateOptions: { header: “New Items!”} }"></div>

热门问答

在服务器启动的项目,怎么才能关掉控制台,项目不会自动也关闭?

推荐
比较常用的有两种方式 1. 把程序添加到Linux的后台服务中,详见https://blog.csdn.net/zj15527620802/article/details/90056946 2. 将应用程序放在某容器中启动,如nohup等,详见https://blog.csdn....... 展开详请

关于文字鉴别的违法的问题?

ritchiechen

腾讯 · 后台开发工程师 (已认证)

推荐

请使用 `try catch` 捕获异常,查看堆栈信息

怎么实现存储桶设置私有读写的时候,可以直接访问图片,和复制临时链接一直的功能?

幻象丛林RESTful 服务开发者
推荐
临时链接是携带了签名参数,在后台复制时是自动算好的,可以在签名有效期内临时访问对象。 如果需要自己实现的话可以调用GET Object接口,携带Authorization签名。 GET /<ObjectKey> HTTP/1.1 Host: <BucketName-APPID>....... 展开详请

调用人脸变化接口,为什么一直错误?

zqfan

腾讯 · 高级工程师 (已认证)

推荐

请尽量使用SDK吧,能够有效避免签名错误。

这个签名错误一般是由于timestamp参数取值和标准时间相差过大引起的,常见的是客户端本地时间没有和互联网时间同步,此外timestamp要求是到秒,而不是毫秒。请阅读API文档里调用方式相关的文档。

为什么服务器经常掉线,我进控制台看是运行的状态,但就是访问不了网站,ssh也登录不了,重启后才行?

我是预言家你有freestyle么
推荐
经常掉线可能是因为长时间不操作,闲置时间过长所以服务器自动断开连接 解决此问题的方法: 方法一: vi /etc/ssh/sshd_config配置文件,修改ClientAliveCountMax(单位为分钟)为想要的值! 修改完成并保存后,执行命令:service sshd r...... 展开详请

QQ群视频,提示lmsdk登录失败?

推荐
如果出现imsdk登陆失败,关闭QQ重新打开,然后打开群视频,这时自动下载odsdk.json的文件,一定要注意,打开文件位置然后复制移动到,C:\ProgramFiles\Tencent\QQ文件里边就可以,然后重试就可以了。 如果没有自动下载,你可以建一个json文件,复制下...... 展开详请

所属标签

扫码关注云+社区

领取腾讯云代金券