다른 앵커 항목의 "클릭"에서 앵커 속성 변경

자바 스크립트를 사용하지 않고 다른 앵커 속성 텍스트 항목을 클릭하면 한 텍스트 항목의 초기 앵커 속성을 변경할 수 있습니까?다른 앵커 항목의 "클릭"에서 앵커 속성 변경

예제 코드 : 다른 텍스트 링크 중 하나에 의해 클릭 할 때

<div class=links> 
<ul> 
<li> 

<a href="#"onclick="MM_showHideLayers('what_we_do','','show');MM_showHideLayers('our_mission','','hide');MM_showHideLayers('who_we_are','','hide')" **class="active"**>WHAT WE DO</a> | 
</li> 
<li> 

<a href="#" onclick="MM_showHideLayers('who_we_are','','hide');MM_showHideLayers('our_mission','','show');MM_showHideLayers('what_we_do','','hide')" class>OUR MISSION</a> | 
</li> 
<li> 

<a href="#" onclick="MM_showHideLayers('our_mission','','hide');MM_showHideLayers('who_we_are','','show');MM_showHideLayers('what_we_do','','hide')" class>WHO WE ARE</a> 

</li> 
</ul> 
</div>

내가 내 기본에 첫 번째 문자열에 "A"할당 된 특성을 클래스 = "활성" 속성을 변경하려면 사용자가 다시 클릭 할 때까지 계속 그 상태를 유지하십시오.

미리 감사드립니다.

출처

2014-12-12 ralunava

왜 JavaScript를 사용하지 않으시겠습니까? 너는 어떻게 할거야? – j08691

당신은 그것들을 라디오 버튼의 그룹으로 만들고, 링크처럼 보이도록 스타일을 정한 다음, 활성화 된 클래스 대신 checked 속성을 사용할 수 있습니다. – Todd

예 j08691 - 내가 말했듯이 - CSS로 할 수있는 방법이 있는지 궁금합니다. 자바 스크립트 사용에 문제가있는 것 같아요. 아직 익숙하지 않았기 때문에 저를 좌절시킵니다. – ralunava

나는 당신이하지 까다로운

먼저 btn

<a href="#" class="active btn" >WHAT WE DO</a> | 
<a href="#" class="btn" >OUR MISSION</a> | 
<a href="#" class="btn" >WHO WE ARE</a>

이제 추가 예를 들어 모든 링크를 같은 클래스를주는 jQuery의 자바 스크립트/jQuery를 사용해야합니다 생각 :

$('.btn').click(function(){ 
    $('.btn').removeClass('active'); 
    $(this).addClass('active'); 
});

이 스크립트는 모든 앵커에서 활성 클래스를 제거한 다음 클릭 된 앵커에 추가합니다.

희망이 있습니다.

출처

2014-12-12 17:03:51 Pixelomo

좋아, 그래서 이것을 시도하고 그것은 나를 위해 작동하지 않습니다. 자바 스크립트와 jQuery는 매우 초록색입니다. – ralunava

코드를 다음과 같이 변경했습니다. class = "active btn"및 class = "btn"이고 jQuery는 – ralunava

당신의 HTML abover 스크립트에 jQuery에 대한 링크가 포함되어 있습니까? 즉 – Pixelomo

다른 앵커 항목의 "클릭"에서 앵커 속성 변경

답변

관련 문제