요소 - VoidCC

에서 "증가합니다"CSS 클래스는 우리가 div 요소 #a-node 및 자바 스크립트 방법은 (이 첫 번째 내부에 필요하지 않음) 하나 이상의 다른 사업부의의가 .b-node라는 만들도록하고 너무 #a-node 클래스 .b-node-enabled를 추가하는 것이 가정하자.요소

.b-node-enabled이 켜져있는 경우에만 .b-node이 (가) #a-node에 구체적으로 연결되어있는 경우에만 사용 하시겠습니까?

예 :

아무도 .b-node이 #a-node와 연결, 그래서 클래스를 해제 할 경우

;
.b-node이 #a-node과 연결된 경우 클래스를 켜십시오.

필요하다면 jQuery를 사용할 수 있으며 -webkit 기능을 사용할 수 있습니다.

진짜 문제는

나는 배경을 만들 사업부 팝업을 가지고, 나는하지이 팝업, 그 반대의 내부에, 단지 몸에 추가하는 것이 (주 내용 몸에 CLASSE를 켤 필요 너무), 그리고 동시에 두 개 이상의 팝업을 사용할 수 있습니다. 아무도 팝업이 나타나지 않는 경우에만 .b-node-enabled을 끄면됩니다.

<body> 
    <!-- MAIN CONTENT --> 
    <div id="a-node" class="b-node-enabled">...</div> 
    <!-- POPUPS --> 
    <div class="b-node">...</div> 
    <div class="b-node">...</div> 
    <div class="b-node">...</div> 
</body>

출처

2013-03-06 David Rodrigues

질문에 약간의 설명이 필요할 수 있습니다. 얻을 수 있다면 팝업이 있다면'.b-node-enabled' 클래스를 얻기 위해'# a-node'가 필요합니다, 맞습니까? 팝업 이벤트를 표시하고 숨길 수있는 권한이 있습니까? 셋째, 팝업이 표시되는지 여부를 어떻게 알 수 있습니까? – Andre

1. 정확히; 2. 나는 팝업을 만들어, 그래서 나는 완전히 제어 할 수있다. 3. 나는 그것을 쓰는 * 클래스 *로 만듭니다. –

귀하의 질문을 정말로 이해할 수 있을지 모르겠지만이 코드 스 니펫이 도움이 될 수 있습니다 (jQuery 필요).

function updateANodeClass() { 
    if ($(".b-node").length) { 
     $("#a-node").addClass("b-node-enabled"); 
    } else { 
     $("#a-node").removeClass("b-node-enabled"); 
    } 
}

추가 또는 삭제 한 후 하나 .b-node 당신은 클래스를 업데이트하는 함수를 호출해야합니다.

출처

2013-03-06 14:12:14 Eich

요소

답변

관련 문제