Google+ 팔로우 버튼의 마우스 오버시 숨기기/표시 DIV 숨기기 포함

Question

나는 Google+, Facebook, Youtube 및 Twitter 소셜 위젯이 포함 된 호버 드롭 다운 패널에서 각자 "원 클릭"하도록 나열된 작업 중입니다. 패널을 닫지 않고.

간단한 jquery 드롭 다운 메뉴에서 시작하여 단일 ul li div로 단순화했습니다. 따라서 단일 메뉴 항목 (Socialize)의 마우스 오버시 4 개의 모든 사회 위젯을 포함하는 div가 표시됩니다. 여태까지는 그런대로 잘됐다. 단일 메뉴 항목이나 4 개의 소셜 위젯이 포함 된 div 위로 마우스를 움직이면 표시되는 상태로 유지되고 div 외부로 이동하면 숨길 수 있습니다.

내가 겪고있는 문제는 Google+ 위젯에 마우스를 올리면 선택하려는 서클을 선택하는 자체 작은 드롭 메뉴가 열리는 팔로우 버튼이 있다는 것입니다. 이 Google+ 드롭 메뉴가 나타나면 부모 div는 더 나은 용어가 없기 때문에 "포커스"를 잃고 포함 div는 숨 깁니다. 나는 Google+ 위젯을 자세히 조사해 보았고 일부 div를 선택하여 간단한 jquery 드롭 다운 스크립트에 행운을 추가했습니다.

Google+ 위젯 팔로우 버튼을 클릭하면 포함 된 div를 열어 둘 수있는 방법을 아는 사람이 있습니까?

여기 내 간단한 jquery입니다.

$(function(){ 
    $('ul.dropdown li').hover(function(){ 
     $(this).addClass("hover"); 
     $('ul:first',this).css('left', '-200px'); 
     //$('ul:first',this).css('display', 'block'); 

    }, function(){ 
     $(this).removeClass("hover"); 
     $('ul:first',this).css('left', '-2000px'); 
     //$('ul:first',this).css('display', 'none'); 
    }); 
}); 

주석되는 두 줄

은 원래 숨기기/표시했지만, 위젯이 숨겨진 사업부에서 제대로로드되지 않는 문제로 인해, 나는 볼을 유지하고 단지의 측면 떨어져 그것을 셔플하기로 뷰포트. 전체 sperarate 문제. 부모님 DIV가 사라지는 원인으로 Google+ Follow Button 마우스 오버를 해결하면됩니다.

편집 : 여기에 더 자세한 설명을위한 사이트가 있습니다. http://www.lawncaremarketingexpert.com/

Answer 1

Google+ div의 mouseover 이벤트에서 'event.stopPropagation()'을 사용할 수 있습니다. 이런 식으로 뭔가 :

$('<Google+ div selector>').mouseover(function(e){ 
e.stopPropagation(); 
}); 

해결 방법 :

$('<Google+ div selector>').mouseover(function(e){ 
    jQuery('<parent dropdown panel selector>').show(); 
    });