jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery属性选择器和IE6-7中出错大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试实现一个JQuery脚本来处理图像映射中的一些区域.
我使用$(‘area [shape =“poly”]’)作为选择器来获取我感兴趣的区域.它在IE8和Firefox中运行良好,但它没有在IE6或IE7中选择元素.
这是一个显示此问题的测试页面.我不知道这是一个JQuery错误还是我做错了什么.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
 <Meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
 var areas = $('area[shape="poly"]');
 alert('areas: ' + areas.length);
});
//]]>
</script>
 <title>Test</title>
</head>
<body>
<img id="img1" src="nothing.gif" style="width:300px; height:300px; border: 2px solid black" usemap="#map1"/>
<map id="map1">
<area shape="rect" title="rectArea" coords="126,112,231,217" alt=""/>
<area shape="poly" title="polyArea1" coords="274,72,262,70,251,68,240,67,228,66,217,206,194,183,181,63,192,60,204,58,216,57,56,252,264,276,63" alt=""/>
<area shape="poly" title="polyArea2" coords="241,235,193,222,196,119,117,212,116,220,115,237,245,253,261,119" alt=""/>
</map>
</body>
</html>

这在IE8和Firefox中显示2,在IE6-7中显示0
谢谢,
吉列尔莫

解决方法

如果你大写这个值似乎有效:
var areas = $('area[shape="POLY"]');

大佬总结

以上是大佬教程为你收集整理的jquery属性选择器和IE6-7中出错全部内容,希望文章能够帮你解决jquery属性选择器和IE6-7中出错所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。