为什么Javascript点击事件不起作用答案

【问题标题】：Why is Javascript click event not working为什么Javascript点击事件不起作用
【发布时间】：2019-12-02 10:42:55
【问题描述】：

我正在尝试复制本教程：

https://tympanus.net/codrops/2016/09/29/transition-effect-with-css-masks/ 当我单击箭头时，它应该滑动到不同的包装器并初始化动画，但由于某种原因无法正常工作我试图在 Jquery 中更改和变形它但仍然无法正常工作

                     function init() {
                        ......

                          Slider.prototype.events = function () {
                          var self = this;
                          this.dom.arrow.on('click', function () {
                            if (self.working)
                            return;
                            self.processBtn($(this));
                          });
                       };
                     .-....
                    }

可能是什么错误？

【问题讨论】：

将 if 语句替换为 if (self.working){ console.log('stop'); return; } else { console.log('process'); self.processBtn($(this)); }，然后在这里写下你得到了什么。从您发布的内容中，我们无法知道什么是错的，什么是错的。将您的完整代码添加到代码笔，或来自 SO 的 HTML sn-p。
codepen.io/MedicM91/pen/gObOwgr，我照你说的做了，但我什么也没得到。
即使我把他们的代码放在我的 Js 文件中也不行！？

标签： javascript events dom-events

【解决方案1】：

try for loop

 fifi_slider.prototype.buildDots = function () {
      var _ = this;
      for (var i = 0; i < _.totalSlides; i++) {
        var dot = document.createElement('li');
        dot.setAttribute('data-slide', i + 1);
        _.def.dotsWrapper.appendChild(dot);
      }
      _.def.dotsWrapper.addEventListener('click', function (e) {
        if (e.target && e.target.nodeName == "LI") {
          _.curSlide = e.target.getAttribute('data-slide');
          _.gotoSlide();
        }
      }, false);
    }

【讨论】：

谢谢，但问题是由于某种原因没有触发点击事件；

【解决方案2】：

您忘记在箭头选择器中添加点。

https://codepen.io/besciualex/pen/YzPzGOw?editors=1111

// Previous selector value (without DOT)
this.dom.arrow = this.dom.wrapper.find('arrow');

// Correct selector value (with DOT)
this.dom.arrow = this.dom.wrapper.find('.arrow');

【讨论】：