为什么这个 jQuery 不能在 IE6 中执行答案

【问题标题】：Why won't this jQuery Execute in IE6为什么这个 jQuery 不能在 IE6 中执行
【发布时间】：2011-12-19 02:07:36
【问题描述】：

我有一个在正文中被调用的 js 文件。 jQuery 不会在 IE6、IE8 和可能的 IE7 中执行。以下是文件内容：

$(document).ready(function(){
$('img[src="/v/vspfiles/templates/cyberfront/images/buttons/btn_addtocart_small.gif"]').replaceWith('<br /><span id="blackbutton" class="mediumbutton" style="display:block;">Add to Cart</span>');
$('input[src="/v/vspfiles/templates/cyberfront/images/buttons/btn_go_gray.gif"]').replaceWith('<input type="submit" class="graybutton smallbutton" name="Go" alt="Go" value="Go" title="Go">');
$('input.previous_page_img').attr({class: 'graybutton mediumbutton', src: '/v/vspfiles/templates/eastcoasttvs/images/buttons/btn_prevpage.png'});
$('input.next_page_img').attr({class: 'graybutton mediumbutton', src: '/v/vspfiles/templates/eastcoasttvs/images/buttons/btn_nextpage.png'});
$('img[src="/v/vspfiles/templates/cyberfront/images/Bullet_MoreInfo.gif"]').replaceWith('<span class="learnmore">Learn More</span>');
$('td[background="/v/vspfiles/templates/cyberfront/images/Divider_Horizontal.gif"]').remove();
$('td.v65-productRow-bottom').remove();
$('select').wrap('<div class="styled-select" />');
});

我应该把它放在头部而不是单独的文件中吗？我应该调用头部的文件吗？我的标记有问题吗？

----编辑----

我做了一个小提琴并在 IE6、IE7 和 IE8 中对其进行了测试，我确认它在这些浏览器中不起作用。小提琴：http://jsfiddle.net/2mJWF/

如果渲染正确，这将是最终结果

<body>
<br><span id="blackbutton" class="mediumbutton" style="display:block;">Add to Cart</span>
<input type="submit" class="graybutton smallbutton" name="Go" alt="Go" value="Go" title="Go">
<input type="image" src="/v/vspfiles/templates/eastcoasttvs/images/buttons/btn_prevpage.png" class="graybutton mediumbutton">
<input type="image" src="/v/vspfiles/templates/eastcoasttvs/images/buttons/btn_nextpage.png"     class="graybutton mediumbutton">
<span class="learnmore">Learn More</span>
<table>
<tbody>
<tr>
</tr>
</tbody>
</table>
<div class="styled-select"><select>
<option>Hello</option>
</select></div>
</body>

判断它是否有效的最简单方法是看看你是否看到一行写着 Hllo Hello 如果你没有看到那行，它有效，如果你看到那行它没有。

【问题讨论】：

哎呀。这是一个选择器块。
@JaredFarrish 我的软件设计得很差...你应该看看我的其他文件
IE 是否给您任何错误或只是“失败”，如果是，如何失败？不过，无论如何，将其放在 <head> 而不是 <body> 或内联与文件中不会有任何区别。
在您的 JS Fiddle 中，JS Lint 按钮会给您什么报告？有什么错误或问题吗？
我没有方便的 IE，但 AFAIK .attr('class', ...) 在 IE 中有点狡猾。把它全部注释掉，然后一个一个地取消注释，直到它中断。

标签： jquery internet-explorer-6

【解决方案1】：

您已经获得了带有 class 作为未引用属性名称的对象文字。鉴于class 是 JavaScript 中的保留字 (for future use)，IE 可能不喜欢这样。尝试将其放在引号中（单引号或双引号都可以）：

// instead of
{class : "something"}
// try
{"class" : "something"}


...
$('input.previous_page_img').attr({"class": 'graybutton mediumbutton', src: '/v/vspfiles/templates/eastcoasttvs/images/buttons/btn_prevpage.png'});

$('input.next_page_img').attr({"class": 'graybutton mediumbutton', src: '/v/vspfiles/templates/eastcoasttvs/images/buttons/btn_nextpage.png'});
...

http://jsfiddle.net/2mJWF/3/

【讨论】：

请将您的代码添加到答案中。如果 JSFiddle 出现故障怎么办？
@AndrewWhitaker - 完成。（虽然我的介绍性段落确实包含了所有需要的信息，如果 OP 没有包含一个供我更新的信息，我就不会打扰 JSFiddle。）
P.S.当我在 IE7 中尝试原始 JSFiddle 时，我看到了“Hllo Hello”，这显然表明它不起作用。根据我的回答和更新的小提琴添加引号后，我不再看到“Hllo Hello”，所以我认为这意味着它有效。

【解决方案2】：

在检查了那个小提琴上的 JSLint 之后，我发现设置类属性无效，所以我将其更改为 .addClass。我更新的小提琴：http://jsfiddle.net/2mJWF/4/.

【讨论】：