0

天哪，我正在努力弄清楚为什么某些链接在 UL 中不起作用。但是，如果您右键单击在新选项卡中打开有效。我不明白为什么有些无法点击。前两个链接有效，但它们是 jQuery 使用的事件。第 3 和第 4 个链接是实际页面，它们不起作用，并且最后一个 javascript/jquery 链接永远不会。只是前两个使用 jQuery。其他人没有。我已经重新格式化了我的 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)如果浏览器是针对你的，它可能会对这个部分生气

虽然没有必要，但;最后可能需要 a

<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 回答