OMG 一部のリンクが UL で機能しない理由を突き止めようと、頭を悩ませています。ただし、右クリックして新しいタブで開くと機能します。一部がクリックできない理由がわかりません。最初の 2 つのリンクは機能しますが、jQuery によって使用されるイベントです。3 番目と 4 番目のリンクは実際のページであり、それらは機能せず、最後の javascript/jquery リンクを実行することはありません。jQuery を使用した最初の 2 つのみ。他の人はしません。CSS を数回再フォーマットしましたが、違いはありません。変わったタグはSmartyを使っているからです。ところで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&section=desc&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;
}