将其添加到主网站后，JQuery 代码在 Google Chrome 中不起作用答案

【问题标题】：JQuery code not working in Google Chrome after adding it to main website将其添加到主网站后，JQuery 代码在 Google Chrome 中不起作用
【发布时间】：2014-07-18 20:06:37
【问题描述】：

当我在主网站上测试它时，我的 JQuery 代码在谷歌浏览器中不工作，但它在 IE 中工作。此外，当我使用 Google Chrome 在 JSFiddle 中对其进行测试时，它也在那里工作。这是我的完整代码：http://jsfiddle.net/xV3x8/3/

如果你想知道这段代码的动机是什么，你可以查看我的这个问题：Unable to override click events to anchor tag from a user created function。

JQuery 代码：

var $defaultDiv =  "<a class='p-small bg-green' id='up' href='#'>Up</a>" 
                 + "<a class='p-small bg-red' id='down' href='#'>Down</a>",
    $animatedDiv = "<div id='aniDiv' class='base {{bg}}'></div>"
                +  "<div class='overlay'>"
+  "<a class='black' id='unvote' href='#'>You {{vote}}. Click to take vote back.</a></div>";

$('#Vote').on('click', '#up', function() {
    animateDiv("bg-green", true);
});

$('#Vote').on('click', '#down', function() {
    animateDiv("bg-red", false);
});

$('#Vote').on('click', '#unvote', function() {
    $('#Vote').html($defaultDiv);
});

function animateDiv(bgColor, upVoted) {
    $('#Vote').html($animatedDiv.replace("{{bg}}", bgColor)
                    .replace("{{vote}}", upVoted ? "upvoted" : "downvoted"));
    $("#aniDiv").animate({
        width: "10px"
    });
    $("#Vote").width("350px");
}

【问题讨论】：

您在控制台中遇到什么错误？
请检查 google-chorme 浏览器的控制台是否有 javascript 错误...
控制台没有显示任何错误。
如果控制台没有问题，那么main site上的脚本肯定有其他问题，或者你可以把地址给大家看看？
代码是否包含在准备好的处理程序中？小提琴为你做这个

标签： javascript jquery html css google-chrome

【解决方案1】：

我终于找到了解决方案。我需要做的就是从我的链接中删除href='#'。我不知道为什么这在 Chrome 中不起作用。如果有人可以向我解释这将是一个很大的帮助。 href='#' 我认为通常添加以激活点击时使用 JavaScript 功能的锚的链接，但这可以使用 CSS cursor: pointer 来完成。

【讨论】：