为什么touch方法无法接收className的参数?

时间:2019-03-13 00:41:47

标签: javascript html class variables prototype

由于我发现new className(param)在传递instance(param){}函数时并未直接指向constructor,因此我一直试图将HTML类传递给{{1 }}而无需更改。但它一直在检测instance method的伪类。

这是我的代码:

param
class Slider {
  'use strict';

  istouchStart(e) {
    console.log(e.target);
    this.coordX = e.touches[0].clientX;
    return this.coordX;
  }
  constructor(target) {
    // Variables
    var _ = this;
    console.log(target);
    $(target).stop(true, true).on({
      touchstart:_.istouchStart,
      touchmove:_.istouchMove,
      touchend:_.istouchEnd
    });
  }
}
const image = new Slider('.inline-grid');
  

  div {
    position: relative;
  }
  .inline-grid {
    margin: 0 auto;
    width: 2560px;
    border: 1px solid black;
    display: flex;
    flex-flow: row;

    overflow: hidden;
  }
  .wrap {
    width: 100%;
    display: flex;
    flex-flow: row;
  }
  .cell {
    display: flex;
    flex-flow: column;
    flex-shrink: 0;
    width: 100%;
    height: 200px;
  }
  .orange {
    background-color: orange;
  }

如何从<div class="inline-grid"> <div class="wrap"> <div class="cell orange"></div> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>方法中获得.inline-grid

这是使用istouchStart和箭头功能的第二次尝试,但是如果没有显示错误,这是行不通的。

return

0 个答案:

没有答案