Question

如果我们要交替执行两个函数，一个在mouseover，另一个在mouseout，我们可以在jQuery中轻松实现：

var firstFunc = function() {
  console.log("first");
}

var secondFunc = function() {
  console.log("second");
}

$('.class-name').hover(firstFunc, secondFunc);

.class-name {
  display: inline-block;
  padding: 5px 15px;
  cursor: pointer;
  font-family: Arial, sans-serif;
  font-size: 14px;
  border: 2px solid #069;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div class="class-name">Hover me</div>

由于弃用toggle()，因此无法在click事件中使用它来触发两个功能。

实际上，我要同时使用：台式机上的hover和移动设备上的click。

问题：

我们应该用什么代替？
如果以类似于hover()方法的方式使用而不使用if子句，将会有什么帮助？

Answer 1

更好的方法是创建单独的事件。

$(document).on('mouseover', '.class-name', function () {
    console.log("first");
});

$(document).on('mouseout', '.class-name', function () {
    console.log("second");
});

jQuery：单击时切换功能，因为toggle（）不再可用

1 个答案: