绑定到jQuery函数问题

Question

我在EcmaScript 6类中使用JQuery，并且有一个事件函数可在类的实例化时触发，并且该事件包含需要与Class进行交互的不同JQuery事件，因此我执行.bind（）来实现这一点，可以正常工作，除了一个事件，由于某种原因，该事件用.bind（that）方法传递的“ that”覆盖了属于jquery元素“ this”的该事件，这是我的代码（此事件的所有工作均如此）：

var that = this;
$(document).on('click', '[select-file]' , function(event) {
event.preventDefault();


console.log(this);

}.bind(that));

因此控制台日志为我提供了父类而不是jquery元素，因为它可以按预期工作：

            $(document).on('click', '[open-file-dialoge]', function(event) {
                event.preventDefault();
                  $('[file-dialoge]').modal('show');
                  if ($(this).attr('mitiupload') == 'false') {
                    // check if multiple upload is disabled
                    that.multiUpload = false;
                    $(this).removeAttr('multiple');
                  }
                  that.insertFiles();
            }.bind(that));

请帮忙，我不明白这里发生了什么，即使它们之间没有太大差异，也无法按预期工作；（

Answer 1

Function#bind()改变的情况下this在一个函数。 如果需要当前元素，可以使用event.currentTarget

 var that = {}; $(document).on('click', 'button', function(event) { event.preventDefault(); var el = event.currentTarget; console.log('this=', this); console.log('el=', el) }.bind(that)); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button id="test">Click me</button>