Добавление нескольких событий к элементу

Question

Допустим, у меня есть следующий код:

function addScrollEvent(scrollElement, direction) { 
    $(scrollElement).mouseover(function(){ 
     var maxStreckeY = $("#viewport div").height() - $("#viewport").innerHeight(); 
     var currentPos = $("#viewport").scrollTop(); 
     if (direction == "down") { 
      var restStrecke = maxStreckeY - currentPos; 
      var timer = restStrecke/maxStreckeY * namespace.config.autoScrollSpeed; 
      $(element).stop().animate({scrollTop: maxStreckeY}, timer); 
     } 
     if (direction == "right") { 
      var width = $("#viewport div").width(); 
      $(element).stop().animate({scrollLeft: width - $("#viewport").innerWidth()}, namespace.config.autoScrollSpeed); 
     } 
     if (direction == "up") { 
      var timer = currentPos/maxStreckeY * namespace.config.autoScrollSpeed; 
      $(element).stop().animate({scrollTop: 0}, timer); 
     } 
     if (direction == "left") { 
      $(element).stop().animate({scrollLeft: 0}, namespace.config.autoScrollSpeed); 
     } 
    }); 

    $(scrollElement).mouseleave(function(){ 
     $(element).stop(); 
     checkScrollElements(); 
    }); 

Как я добавляю несколько событий в scrollElement? я хотел бы сделать точный код на tabhold (в наведении курсора мыши часть), а также на tableave (в MouseLeave части)

Я уже пытался сделать что-то вроде этого:

$(scrollElement).on("mouseover tabhold", function(){ 
    ... the function 
}); 

, которые на самом деле не работать, так как консоль дал мне следующую ошибку:

"on is not a function" 

Кто-нибудь получил разрешение для этого без копирования и тот же код для другого блока событий? Заранее благодарен

Answer 1

Ваше решение on правильно; проблема в том, что вы используете устаревшую копию jQuery. v1.6 устарела v1.7 четыре года назад. Обновляйте до последней версии.

Если по каким-то причинам вы не можете, старая функция bind:

$(scrollElement).bind("mouseover tabhold", function(){ 
    ... the function 
}); 

Другой вариант заключается в написании функции отдельно, дать ему имя, и использовать это имя. Одним из преимуществ этого является то, что он позволяет вам использовать функцию в сочетании с другими, если это необходимо.