帮助 URL 链接和列表元素以及 jQuery答案

【问题标题】：Help with URL link and list element and jQuery帮助 URL 链接和列表元素以及 jQuery
【发布时间】：2011-05-03 18:57:07
【问题描述】：

我试图让一个列表元素指向一个 URL。

由于某种原因，它没有链接（因为 id="mylink" 在 href 中）。
当我翻转列表项时，jQuery 完美地加载了图像映射。这里不用担心。简单地让我的 a href 工作......

请告诉我为什么 URL 不起作用？

<script>$(function() {
    $('.map').maphilight();
    fade: true,
    $('#mylink').mouseover(function(e) {
        $('#mapbox').mouseover();
    }).mouseout(function(e) {
        $('#mapbox').mouseout();
    }).click(function(e) { e.preventDefault(); });
});</script>

列表项：

 <li><a href="mylink/index.html" id="mylink">My Link</a></li><br />

【问题讨论】：

标签： jquery list url

【解决方案1】：

.click(function(e) { e.preventDefault(); });

您是在告诉它不允许浏览器继续加载链接指向的 href。

【讨论】：

乍得，你就是那个男人！这很完美！将标记为答案 =) 感谢您的帮助

【解决方案2】：

我发现您的代码存在三个潜在问题：

最重要的是，它在语法上无效。也许这只是一个复制/粘贴错误，但您有一个似乎是对象属性 (fade: true,) 的语句，此时 JS 解析器将失败。
您的 click 处理程序正在阻止链接的默认操作（跟随 URL）而不附加任何其他功能，以确保单击链接时不会发生任何事情。
您的<script> 和</script> 标记与代码位于同一行。通常最好避免这种情况。（从历史上看，一些浏览器已经遇到过这个问题，尽管它可能不再是一个问题。）

【讨论】：