Question

OMG我正在试着弄清楚为什么有些链接在UL中不起作用。但是，如果右键单击在新选项卡中打开，则可以使用。我不明白为什么有些不可点击。前两个链接有效，但它们是jQuery使用的事件。第3和第4个链接是实际页面，那些不起作用，从来没有最后的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

到目前为止您显示的代码没有任何问题。问题出在其他地方，可能是你的脚本干扰了链接。

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>

链接不在LI工作

1 个答案: