호버 설정 js

질문이 있습니다. 제 문제는 기본 사이트에서 마우스 오버 기능이 필요 없다는 것입니다. 호버 기능이없는 가격 서클이 필요합니다. 가격 서클은 사이트에 영구적으로 표시되어야합니다. 도와주세요.호버 설정 js

enter image description here

당신이 볼 수 있듯이 :

샘플 사이트는 여기

$('.products-grid .item').live({ 
     mouseenter: function(){ 
      if (mobile) return; 

$('.hover .price-box', this).css({ 
       'opacity':0 
      }); 
      if (Shopper.price_circle) { 
       if (!$(this).hasClass('calc-price-box')) { 
        var padding = Math.floor(($('.hover .price-box', this).actual('width') - $('.hover .price-box', this).actual('height'))/2 + 15); 
        $('.hover .price-box', this).css({ 
         'padding':padding+'px 15px', 
         'margin':(-(25+padding*2+$('.hover .price-box', this).actual('height')))+'px 0 0 0' 
        }); 
        $(this).addClass('calc-price-box'); 
       } 
       var that = this; 
       $('.hover', this).show(0, function(){ $('.hover .price-box', that).animate({opacity:1}, 600) }); 
      } else { 
       $('.hover', this).show(); 
      } 

      $(this).addClass('no-shadow'); 

     }, 
     mouseleave: function(){ 
      if (mobile) return; 
      $('.hover', this).hide(); 
      $(this).removeClass('no-shadow'); 
     } 
    });

출처

2014-11-10 Gus Ad

http://shopper.queldorei.com가 빠른 해키 수정이다 나는 재산 display: block!important을 포함하도록 div 클래스 hover 수정 - 어떤 은 (는) 테마가 사용중인 모든 quircky js/css를 재정의합니다. 이 적합하지 않습니다하지만, 짧은에서

: 일을 얻는다 당신의 CSS를이 추가 :

li.item div.hover { display:block!important; } /* danger, danger! hacky lol */

가 실제로 JS가로드 된 후 HTML로이 hack를 추가 할 수 있습니다. 어쩌면 닫는 </body> 태그 위의 style 태그로 감쌀 것입니다.

또한 'onmouseleave'이벤트 처리기를 제거하고 모든 것을 주석 처리하거나 삭제해야합니다. 너는 더 이상 필요 없다.

테마가 JS를 사용하여 호버링을 처리하는 경우 (신, 왜? CSS가이를 수행 할 수있는 이유), 우리는 hover의 모든 인스턴스를 찾아서 수정해야합니다.

나는 당신의 CSS 소스 코드에서 :hover의 모든 인스턴스를 찾고 또한 js에서도 찾은 다음 거기에서 제거하는 것이 좋습니다.

(개인적인 의견은,이 테마를 구입하는 것이 종종 더 나쁜 것은, 그들은 항상 quircks :)와 함께 제공하는 이유입니다)

출처

2014-11-10 20:27:02 docodemore

호버 설정 js

답변

관련 문제