jQ изменяет события от щелчка до наведения

#javascript #jquery

#javascript #jquery

Вопрос:

Мне нужно изменить событие от щелчка до наведения, Хехе, это код в действии: ссылка — чтобы увидеть эффект, нажмите «Карта татшанска»

Вот код, который у меня есть :

  $jQuery(document).ready(function () {
     function slideSlideBar() {
         if (clicked == true) {
             if (isExtended == 0) {
                 $jQuery(slideBarTabImage).attr('src', $jQuery(slideBarTabImage).attr('src').replace(/(.[^.] )$/, '-active$1'));
                 $jQuery(slideBarContents).animate({
                     width: conWidth   'px'
                 }, slideSpeed);
                 isExtended = 1;
             } else {
                 $jQuery(slideBarTabImage).attr('src', $jQuery(slideBarTabImage).attr('src').replace(/-active(.[^.] )$/, '$1'));
                 $jQuery(slideBarContents).animate({
                     width: '0px'
                 }, slideSpeed);
                 isExtended = 0;
             }
             clicked = false;
         } else {
             if (isExtended == 0) {} else {
                 $jQuery(slideBarContents).animate({
                     width: conWidth   'px'
                 }, 0);
                 $jQuery(slideBar).animate({
                     width: fullWidth   'px'
                 }, 0);
             }
         }
     }

     $jQuery(slideBarTab).hover(slideSlideBar());
     window.slideSlideBar = slideSlideBar;
 });
  

Комментарии:

1. Заменить .hover() на .click()

2. используйте этот код, он может помочь вам $( selector ).mouseenter( handlerIn ).mouseleave( handlerOut );

Ответ №1:

Вы можете попробовать что-то вроде этого:

  // js
    $('.someclass').hover(
        function () {
            $(this).addClass('active');
        },
        function(){
            $(this).removeClass('active');
    });
//css
.someclass{display:none;}
.someclass.active{display:block;}