LI에서 작동하지 않는 링크

Question

OMG 일부 링크가 UL에서 작동하지 않는 이유를 알아 내려고 노력하고 있습니다. 그러나 마우스 오른쪽 버튼으로 클릭하면 새 탭이 열립니다. 일부가 클릭 할 수없는 이유를 이해할 수 없습니다. 처음 두 링크는 ​​작동하지만 jQuery에서 사용하는 이벤트입니다. 세 번째와 네 번째 링크는 실제 페이지이며 작동하지 않으며 마지막 javascript/jquery 링크를 사용하지 않습니다. jQuery를 사용한 처음 두 가지. 다른 사람들은 그렇지 않습니다. CSS를 여러 번 다시 포맷했는데 차이가 없습니다. 특이한 태그는 Smarty를 사용하기 때문입니다. BTW는 Chrome을 사용합니다.

이

는 HTML

편집이다 : 렌더링 마크 업

<div id="phomenu" class="photoMenu"> 
    <ul> 
    <li><a id="avatar_13885_10028" class="set_avatar" href="#13885">Use This Photo As Avatar</a></li> 
    <li><a id="cover_13885_10028" class="set_cover" href="#13885">Use This Photo As Album Cover</a></li> 
    <li><a href="/page-13885-k4cjGSDSG4K.html">Page Photo</a></li> 
    <li><a href="/?page=photo&amp;section=desc&amp;pho_id=13885">Edit Photo Information</a></li> 
    <li><a id="remove_k4cjGSDSG4K_13885" class="remove_photo" href="javascript:void(0)">Delete this photo</a></li> 
    <li><a id="feature_13885" class="feature_photo" href="javascript:void(0)">Feature Photo</a></li> 
    </ul> 
</div> 

에게 그리고 이것은 CSS

.photoMenu ul{ 
     list-style-type: none; 
     list-style-position: outside; 
     margin: 0; 
     padding: 0; 
     font-size:9pt; 
     border-top: 2px solid #ffa449; 
    } 
    .photoMenu li { 
     margin: 0; 
    } 
    .photoMenu li a { 
     color: #FFFFFF; 
     border-bottom: 1px solid #e6e6e6; 
     display:block; 
     min-height:25px; 
     padding-top:10px; 
     background-color:#C6711B; 
     text-decoration: none; 

    } 
    .photoMenu li a:hover { 
     color: #FFF; 
     background-color: #f2a83a; 
    } 

Answer 1

당신이 어떤 문제를 가지고 있지 않습니다 지금까지 보여준 코드이다. 문제는 다른 곳에서 스크립트가 링크를 방해 할 수 있습니다. 브라우저는 단지 당신을 만든 경우, 불필요한 비록

가 마지막

<li><a id="remove_k4cjGSDSG4K_13885" class="remove_photo" href="javascript:void(0);">Delete this photo</a></li> 
<li><a id="feature_13885" class="feature_photo" href="javascript:void(0);">Feature Photo</a></li>