jquery로 CSS 수정하기

나는 julery를 사용하여 아래 목록에있는 ul 목록을 사용하여 사용자가 우리에 대한 하위 메뉴를 가리키고 있는지 확인하고, 예를 들어 올리면 일부 CSS를 설정합니다. 이렇게하면 배경색이 녹색으로 바뀌지 만 녹색으로 가져 가면 녹색이 사라지지 않습니까?jquery로 CSS 수정하기

JQUERY

$('ul > li > ul > li a').hover(
    function(){ 
     var whatami = $(this).parents('li').eq(1).find('a[title]:first').attr('title'); 
     console.log(whatami); 
     if (whatami == 'About Us') { 
      //alert(whatami); 
      $('.white ul.mega-menu li .sub-container.non-mega li a:hover').css({"background-color":"green"}); 

     } 
    }, 
    function(){ 
    });

출처

2012-09-07 user520300

당신은 바이올린을 제공 할 수 있습니까? – karthikr

jsfiddle에서 HTML 코드를 알려주십시오. – Codegiant

'about us'메뉴에 수업을 추가하고 CSS 관련 규칙을 만드시겠습니까? a.green:hover {배경색 : 녹색; } – Brant

을 설정하거나 $(this)를 사용합니다. 같은 것을 시도 :

$('.white ul.mega-menu li .sub-container.non-mega li a').hover(
    function() { 
     $(this).css({"background-color":"green"}); 
    }, 
    function() { 
     $(this).css({"background-color":"none"}); 
    } 
);

출처

2012-09-07 18:54:48

방법 호버 작동하는 마우스가 입력 및 2이 때 마우스 잎을 실행할 때 첫 번째 함수가 실행된다는 점이다. 두 번째 함수에는 아무 것도 없으므로 마우스를 놓으면 아무 일도 일어나지 않습니다. 당신은 당신이 2 기능에서 할 원하는대로 수행해야합니다

$('ul > li > ul > li a').hover(
function(){ 
    // make it green 
}, 
function(){ 
    // CHANGE IT BACK HERE 
});

출처

2012-09-07 18:52:50

''.parents ('li') .eq (1)'을'.closest ('li')'로 대체 할 수 있다는 것 중 하나만 최적화하면됩니다. JQuery에는 그 기능이 있습니다. 실제 질문과 관련이 없으므로 의견을 게시하십시오. –

.white ul.mega-menu li .sub-container.non-mega li a 당신이하는 당신의 선택으로 현재 선택을 ul > li > ul > li a 더 일반화되어 사용되어야하는 것이다. 그것은 CSS A와 동일 하, 호버 단지 요소 선택기입니다 : 호버

시도는 jQuery를에 녹색

출처

2012-09-07 18:53:54 mehmoodz

jquery로 CSS 수정하기

답변

관련 문제