链接在 LI 中不起作用 [关闭]答案

【问题标题】：Link not working in LI [closed]链接在 LI 中不起作用 [关闭]
【发布时间】：2013-03-05 07:12:17
【问题描述】：

我的天啊，我想弄清楚为什么某些链接在 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;
    }

【问题讨论】：

请向我们展示生成的标记。浏览器看不到 smarty 标签，因此这无助于诊断问题。
添加了渲染标记。
第三个和第四个链接看起来对我有用，这里还缺少其他东西：jsfiddle.net/9XMVp。最后两个链接不可能工作，因为它们有href="javascript:void(0)"。
@cinnamon 这两个链接是 Jquery 的点击事件。第 4 个确实有效，但第 5 个无效。无论如何，我从页面中删除了除该代码之外的所有内容，但仍然无法正常工作。太奇怪了。我看不出我会在哪里发生冲突。呃
正如我已经说过的，第 5 和第 6 个链接（最后 2 个）可能因为 href="javascript:void(0)" 而无法工作。

标签： html css hyperlink html-lists

【解决方案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>

【讨论】：

我会给你这个，因为你让我想到了一个“脚本”JS冲突，即使前两个链接有效而物理页面没有。无论如何，我从 div 中删除了 ID="phoMenu" 并修复了它。我与我为具有相同 ID 的其他东西设置的 jQuery 事件发生冲突。我有很多功能。大声笑无论如何，有时您只需要推动跳出框框思考即可。谢谢。