0

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&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;
    }
4

1 に答える 1

0

これまでに示したコードには問題はありません。問題は別の場所にあります。スクリプトがリンクに干渉している可能性があります。

Proof

ブラウザがあなたに合わせて作られている場合、そのjavascript:void(0)部分に腹を立てることができます

不要ですが;、最後に

<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>
于 2013-03-16T16:40:14.380 に答える