jquery - 初级 jQuery 问题(FF/IE 问题)

Question

我一直在使用 jQuery，只是尝试在单击链接时替换文本字段以及隐藏/显示内容项。它似乎在 IE 中工作得很好，但我似乎无法让它在 FF 中工作。

我的 jQuery:

$(function() {

$(".articles a").click(function() {
    articlenumber = "1"
    $(articlenumber).css("display", "none");
    articlenumber = $(this).attr("id");
    articlename = $(this).attr("name");
    articlenumber = '".' + articlenumber + '"';
    //alert(articlenumber);
    //$(articlenumber).css("display", "inline");
    $(articlenumber).attr("style", "display:inline;")
    $(".articletitle").text(articlename)
}); 

我的 HTML(简化):

<a id="article1" name="Article Title1" href="#">Link</a>
<a id="article2" name="Article Title2" href="#">Link</a>
<div class="articlename">Title</div>
<div class="article1" style="display:none;">Text 1</div>
<div class="article2" style="display:none;">Text 2</div>

关于为什么这在 FireFox 中不起作用有什么建议吗？我可以在这里清理什么吗？

Answer 1

$(".articles a").click(function() {
    articlenumber = "1"
    $(articlenumber).css("display", "none");
    articlenumber = $(this).attr("id");
    articlename = $(this).attr("name");
    articlenumber = '".' + articlenumber + '"';
    $(articlenumber).attr("style", "display:inline;")
    $(".articletitle").text(articlename)
});

好的，按照脚本的顺序:

在尝试赋值之前声明变量，终止该行并记住 1 是数字而不是字符串:

articlenumber = "1"

应该是

var articlenumber = 1;

jQuery 通常期望标识符为 id ，一个class或元素类型( a 、 li 等)。既不是 id也不是class可以以数字开头，必须以下划线 _ 开头或一个字母(加上一些我不记得的其他字符)，并且没有元素 <1> 。这可能是一个问题，因为:

$(articlenumber)

相当于:

$(1) or $('1')

两者都是无效的，或者应该是无效的(我认为)。

那么您将重新分配 articlenumber再次没有首先声明它是 var (初始化 articlename 时，下一行也是如此。

<小时/>

我不确定这些是否是您的主要问题(我删除了注释掉的代码)，但修复了明显的问题，然后我们可以讨论更多。

我强烈建议您使用 Firebug，并在 Firefox 中加载页面/与页面交互时观察其控制台。它会告诉您遇到的主要问题。另外，作为附录，我强烈建议您使用 Google Chrome(使用 Web Inspector)、Safari Webkit(与 Chrome 一样)、Mozilla Firefox(与 Firebug，如上所述)和/或 Opera 来开发您的网站/脚本(与蜻蜓)。这些浏览器和网络开发工具或多或少会迫使您正确开发脚本。一旦它们工作并且有效，然后在 IE 中尝试。

通常情况下，如果它在其他地方都可以工作，那么它就在那里工作，首先在 IE 中开发似乎会让你养成坏习惯，并且容易出错 JavaScript/jQuery，然后变得困惑，当其他浏览器拒绝参与时感到慌乱或沮丧。