2013-03-16 71 views
0

OMG我拉我的头发试图找出为什么一些链接不在UL工作。但是,如果你的右键点击在新的标签中打开的话。我不明白为什么有些不可点击。前两个链接可以工作,但它们是jQuery使用的事件。第三和第四个链接是实际的页面,那些不工作,从来没有最后一个JavaScript/jQuery链接。只是前两个使用jQuery。其他人不。我重新格式化了我的CSS几次,没有任何区别。不寻常的标签是因为我使用Smarty。顺便说一句,使用Chrome。链接不工作在LI

这是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; 
    } 
+1

显示我们**生成**标记,请。浏览器没有看到smarty标签,所以这不会帮助诊断问题。 – 2013-03-16 16:22:02

+0

添加了渲染的标记。 – 2013-03-16 16:28:16

+0

第三和第四个链接看起来像他们工作给我,还有其他东西在这里丢失:http://jsfiddle.net/9XMVp/。最后2个链接不可能工作,因为他们有'href =“javascript:void(0)”'。 – cimmanon 2013-03-16 16:34:44

回答

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> 
+0

我会给你这个,因为你让我考虑一个“脚本”JS冲突,即使前两个链接工作,物理页面没有。无论如何,我从div中删除了ID =“phoMenu”并修复了它。我与我为其他具有相同ID的其他事件设置的jQuery事件相冲突。我有很多功能。 LOL无论如何,有时候你只需要在盒子外面思考。谢谢。 – 2013-03-16 17:15:31