Dropzone.js / jQuery冲突

Question

我有一个应用程序，它有一个Dropzone.js区域（实际上有两个，在一个页面上）和一些自定义jQuery。自定义jQuery（下面）工作正常。

[self.imageView setImageWithURL:imageURL];

相应的HTML如下：

function changeImage() {
  var self = $(this),
      src = this.value,
      thumbs = self.closest('.form-group').siblings('.selector_thumbnails');

 thumbs
     .find('img')
     .hide()
     .filter('#' + src)
     .show();
}

$('.thumbnail_selector')
    .change(changeImage)
    .trigger('change');

然而，所有这些都阻止了Dropzone的运作。如果我删除该代码Dropzone工作正常。我错过了什么？

这是我的控制台（这是一个Dropzone错误，似乎是由上面的JS引起的）：

Answer 1

问题是jQuery试图阅读.value设置的include_blank: true。所以，解决方案：

function changeImage() {
  var self = $(this),
      src = this.value,
      thumbs = self.closest('.form-group').siblings('.selector_thumbnails');

  if (src) {
    thumbs.find('img').hide().filter('#' + src).show();
  } else {
    thumbs.find('img').hide();
  }
}

完成。