Jquery 앵커 태그 표시 문제

Question

Jquery 또는 javascript에서 .show()을 사용하여 표시 할 앵커 태그를 표시 할 수 없습니다. 연결 창은 기본적으로 표시됩니다. div를 숨기고 표시하지만 앵커와 동일한 작업을 수행 할 수는 없습니다. 수동으로 firebug/IE dev 도구에서 변경하려고 시도했지만 거기에서 작동합니다. jquery/javascript를 사용하면 작동하지 않습니다. 어떤 도움이 크게 감사합니다

function connHide() 
{ 
    $('#connTab').show(); 
    $('#connWindow').hide(); 
} 

function connShow() 
{ 
    $('#connWindow').show(); 
    $('#connTab').hide(); 
} 

:

여기

<a href="javascript:connShow();" id="connTab" style="display:none; text-decoration:none;"></a> 
<div id="connWindow">Conn Window 
    <div id="closeButton" onclick="javascript:connHide();"></div> 
</div> 

는 jQuery 코드입니다 :

다음은 HTML 코드입니다!

Answer 1

인라인 CSS display:noneoverriding jQuery가 표시 및 숨기기에 사용하는 메커니즘입니다.

프로그래밍 대신 앵커 숨기기

HTML :

<a href="#" id="connTab" style="text-decoration:none;"></a> 
<div id="connWindow"> 
    Conn Window 
    <div id="closeButton"></div> 
</div> 

스크립트 : 도움이

$(function() { // on document load 
    $('#connTab').css('display', 'none'); 

    // I'm going to replace your inline JS with event handlers here: 
    $('#connTab').click(function() { connShow(); return false; }); 
    $('#closeButton').click(function() { connHide(); }); 
}); 

function connHide() { 
    $('#connTab').css('display', ''); 
    $('#connWindow').css('display', 'none'); 
} 

function connShow() { 
    $('#connWindow').css('display', ''); 
    $('#connTab').css('display', 'none'); 
} 

희망.

Answer 2

onclick 이벤트의 경우 javascript:을 지정할 필요는 없습니다. 로 변경 시도 :

<div id="closeButton" onclick="connHide();"></div> 

나는 또한 다음 첫 번째 줄 바꿀 것

:

<a href="#" onclick="connShow(); return false;" id="connTab" style="display:none; text-decoration:none;"></a> 

Answer 3

왜뿐만 아니라 jQuery를에 클릭 이벤트를 바인딩하지를

function connHide() 
{ 
    $('#connTab').show(); 
    $('#connWindow').hide(); 
} 

function connShow() 
{ 
    $('#connWindow').show(); 
    $('#connTab').hide(); 
} 

$(document).ready(function() { 
    $("#contab").click(function() { 
     connShow(); 
     return false; 
    }); 
    $("#connWindow").click(function() { 
     connHide(); 
    }); 
});