.bind() .live()는 Safari 나 Chrome에서는 작동하지 않지만 Firefox에서는 작동합니다.

Question

저는 매우 새로운 기능입니다. 누군가가 올바른 방향으로 나를 가리킬 수 있습니까?

파이어 폭스에서 원하는 방식으로 웹 사이트를 운영하고 있지만 Safari 나 Chrome에서 테스트 해보니 작동하지 않습니다. 나중에 더 많은 문제가있을 것이라고 확신하지만 첫 번째 문제는 내 주요 탐색 버튼이 작동하지 않는다는 것입니다. 클릭 핸들러 및 mouseleave 및 mouseenter이 작동하지 않습니다.

이 코드에 문제가 있습니까? 아니면 다른 곳에서 문제가 될 수 있습니까?

function onLoad() { 
    var $list= $('#mainNavList'); 
    showMainMenu(); //make menus appear 
    specifyScrollingElement('#mainNavList'); 
    specifyScrollingElement('#lowerNav'); 
    $list.find('.linkInactive').live('click', onMainNavMenuClick); 
    $('.albumLink').parent().bind('mouseenter',function(){ 
     $(this).css({'background-color': '#fff'}); 
     }); 

    $('.albumLink').parent().bind('mouseleave',function(){ 
      if ($(this).hasClass('current')==false){ 
      $(this).css({'background-color': 'rgba(233,229,194,.9)'}); 
      }; 
    }); 

    $('.textLink').parent().bind('mouseenter',function(){ 
     $(this).css({'background-color': 'rgba(65,65,65,.8)'}); 
     });   
    $('.textLink').parent().bind('mouseleave',function(){ 
     if (portfoliosActive ==false && $(this).children().hasClass('portfolioButton')==true){ 
     $(this).css({'background-color': 'transparent'}); 
      }; 
     if (portfoliosActive ==true && $(this).children().hasClass('homeButton')==true){ 
      $(this).css({'background-color': 'transparent'}); 
      }; 
    }); 
    $list.find('.linkActive').live('click',function(){ 
      var $this = $(this); 
      $this.addClass('linkInactive').removeClass('linkActive');   
      hideThumbs($list); 
    });     
    thumbnailActions('#mainNavList'); 
    thumbnailActions('#lowerNav'); 
    initUpperNavActions(); 
} 

Answer 1

나중에 '고통'의 세계를 저장해야하는 '바인딩'과 '라이브'대신 '사용'을 사용하십시오. '에'사용 http://api.jquery.com/live/

As of jQuery 1.7, the .live() method is deprecated. Use .on() to attach 
event handlers. Users of older versions of jQuery should use .delegate() 
in preference to .live(). 

그리고 예 : 또한 http://api.jquery.com/bind/

As of jQuery 1.7, the .on() method is the preferred method for attaching 
event handlers to a document. For earlier versions, the .bind() method is 
used for attaching an event handler directly to elements. Handlers are 
attached to the currently selected elements in the jQuery object, so those 
elements must exist at the point the call to .bind() occurs. For more flexible 
event binding, see the discussion of event delegation in .on() or .delegate(). 

과 : 그 방법은

이 추적에 대한 추가 정보를 원하시면 링크를 참조하십시오 .. JQuery와 1.7로 사용되지 않습니다 귀하의 코드는 다음과 같습니다 :

$('.albumLink').parent().on('mouseenter',function(){ 
    $(this).css({'background-color': '#fff'}); 
}); 

Answer 2

즉, 바인딩되고 지속됩니다. 나는 문제없이 크롬에서 사용한다. 대표는 매개 변수 순서를 전환 : 당신이 이전 jQuery를 사용하는 경우

$(".albumLink").on('click', function() { 
    $(this).css({'background-color': 'rgba(65,65,65,.8)'}); 
}); 

http://api.jquery.com/on/ 당신은 http://api.jquery.com/delegate/

는 ** 주) (대표를 사용해야 할 수도 있습니다. 나중에 JQuery와 (1.7) .delegate() CSTE 연구진은 단지 별칭() 어쨌든

HTH이다에서

Answer 3

나는 작업에 얻을 수 또는 위임하지 않았다. 나는 jquery를 사용하는 방법에 대해 아직도 혼란 스럽다고 생각한다.

하지만 문제는 내 클릭과 마우스 센터 및 마우스가 작동하지 않는 것으로 파악했습니다. 코드에서 여분의 "</div>"을 발견했기 때문에 보이지 않는 div가 내 탐색 버튼을 차단하고 있다고 생각합니다. 삭제 한 후에 버튼이 모두 Safari 및 Chrome에서 갑자기 작동합니다. 시간 내 줘서 고마워!