jQuery结构上出现意外的令牌函数

Question

JS：

var interval=setInterval(function(){ $("#nav #nextslide").click()},10000);
$( ".gallery" ).on(
  mouseenter: function() {
      clearInterval(interval);
  },
  mouseleave: function() {
     interval = setInterval(function(){ $("#nav #nextslide").click()},10000);
  }
);

但是不要工作。当我通过DevTools检查它时，出现此错误：

Uncaught SyntaxError: Unexpected token function

关于eror line：

mouseenter: function() {

Answer 1

您应该将带有mouseenter和mouseleave字段的对象传递给on函数：

$( ".gallery" ).on({
  mouseenter: function() {
      clearInterval(interval);
  },
  mouseleave: function() {
     interval = setInterval(function(){ $("#nav #nextslide").click()},10000);
  }
});

Answer 2

我建议您使用.hover()

var interval = setInterval(function () {
    $("#nav #nextslide").click();
}, 10000);
$(".gallery").on('hover', function () {
    clearInterval(interval);
}, function () {
    interval = setInterval(function () {
        $("#nav #nextslide").click();
    }, 10000);
});

或者

将代码修改为

var interval = setInterval(function () {
    $("#nav #nextslide").click();
}, 10000);
$(".gallery").mouseenter(function () {
    clearInterval(interval);
}).mouseleave(function () {
    interval = setInterval(function () {
        $("#nav #nextslide").click();
    }, 10000);
});