首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >为什么这个jQuery不能在IE6中执行

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

Stack Overflow用户
提问于 2011-12-19 02:07:36
回答 2查看 131关注 0票数 0

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

代码语言:javascript
运行
复制
$(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/

如果它正确呈现,这将是最后的结果。

代码语言:javascript
运行
复制
<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>

判断它是否有效的最简单的方法是看你是否看到一条写着Hello的线,如果你没有看到那条线,它就会工作,如果你看到了它没有看到的那条线。

EN

Stack Overflow用户

发布于 2011-12-19 03:36:10

您使用class作为未引用的属性名的对象文本。考虑到class是JavaScript中的一个保留(供将来使用)词,IE可能不喜欢这个词。尝试将其放入引号(单引号或双号可以):

代码语言:javascript
运行
复制
// 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/

票数 0
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8556448

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档