php - IE中的javascript参数减少

Question

您好，我已经在我的 jquery 函数中传递了 div lang 属性的值。这在除 IE 之外的所有浏览器中都能正常工作。

 While inspects in FIREFOX div look like below code.

<div lang="1760@239.0000@349.0000@449.0000@plain make it@Plain make@Plain@Georgia Gray@8x16@10x20@12x24@No@45@10x20@check2@myCheckbox2@000000@70@90" id="myCheckbox2" style="left: -3000px; top: 883px; margin: 1px;" class="checkboxArea1"><input type="checkbox" class="outtaHere" value="2" id="check2" name="f[]"></div>

While inspects in IE div look like below code.

<div style="margin: 1px; left: -3000px; top: 883px;" id="myCheckbox2" lang="1760@239.0000@349.0000@449.0000@plain make it@Plain make@Plain@Georgia Gray@8x16@10x20@12x24@No@45@10x20@check2@myCheckbo" class="checkboxArea1"><input id="check2" class="outtaHere" name="f[]" value="2" type="checkbox"></div>

您可以看到 div lang 属性值的差异。在 Firefox 中，它采用 lang 的所有值，但在 IE 中，最后 3 个值也不会显示，最后的第四个值被削减，所以我在 IE 中得到了未定义的值。

请建议我如何解决这个问题？

Answer 1

使用数据而不是 lang 属性....

<div data-lang="1760@239.0000@349.0000@449.0000@plain make it@Plain make@Plain@Georgia Gray@8x16@10x20@12x24@No@45@10x20@check2@myCheckbox2@000000@70@90" id="myCheckbox2" style="left: -3000px; top: 883px; margin: 1px;" class="checkboxArea1"><input type="checkbox" class="outtaHere" value="2" id="check2" name="f[]"></div>

然后你可以像这样在javascript（使用jQuery）中访问它......

$("#myCheckbox2").data("lang");

Answer 2

请上传以下js文件解决ie问题

<script src="css-backgroundposition-shorthand.js" type="text/javascript"></script>
<script src="css-boxshadow.js" type="text/javascript"></script>
<script src="css-transitions.js" type="text/javascript"></script>
<script src="grunt.js" type="text/javascript"></script>
<script src="html5shiv-printshiv.js" type="text/javascript" ></script>
<script src="html5shiv.js" type="text/javascript"></script>
<script src="ie8compat.js" type="text/javascript"></script>
<script src="img-apng.js" type="text/javascript"></script>
<script src="websockets.js" type="text/javascript" ></script>   
<script type="text/javascript" src="modernizr.js"></script>