通过快速点击多次创建骨干模型

Question

当用户单击此摄像头图标时，以模态获取页面的快照。如果他们反复点击它会在模态加载之前制作多个快照，并且基本上阻止了相机图标。

有没有办法说我刚刚创建了一个快照模式而不创建另一个模式？

events: {

    'click .snapshot-camera'      : 'clickCamera'
}

clickCamera: (event) ->
    event.preventDefault()

    @snapshot = new ******.Models.Snapshot({ user_id: ******.State.get('signInUser').id })

Answer 1

你可以使用下划线的去抖方法来阻止双重提交。

// prevent double-click
$('button.my-button').on('click', _.debounce(function() {
  console.log('clicked');

  /* .. code to handle form submition .. */
}, 500, true);

查看以下文章

http://jules.boussekeyt.org/2012/backbonejs-tips-tricks.html