我不想做什么:
>只需使用jQuery“IE”读取XML.去过也做过.大部分工作.
>通过AJAX加载XML.这是一个传统的系统,在回发之间的隐藏字段(哦yah,宝贝!)中使用XML来存储向导数据结构.重写它会吸.
我想做什么:
>在IE中使用jQuery处理XML文档
>在所有浏览器中使用相同的代码,使用本机jQuery功能
我会没事的:
>覆盖/重载相同的jquery方法,使其在操作XML DOM时在IE中工作.
它只是不起作用,我觉得只是不可能以100%的跨浏览器方式使用简单的旧的jQuery方法.
例如:
<!DOCTYPE html> <html> <head> <title>IE Sucks</title> <script src="Scripts/jquery-1.5.min.js" type="text/javascript"></script> <script type="text/javascript"> var xml = '<Browsers>' + '<CoolBrowsers>' + '<Browser name="Opera"></Browser>' + '<Browser name="Chrome"></Browser>' + '<Browser name="Firefox"></Browser>' + '</CoolBrowsers>' + '<BadBrowsers>' + '<Browser name="IE6"></Browser>' + '</BadBrowsers>' + '</Browsers>'; $(function () { $("#xml").text(xml); var uncoolBrowser = $("<Browser />").attr("name","IE7"); // In 1.5,using this... var $xml = $($.parseXML(xml)); // Nope. Works everywhere else,though! // var $xml = $(xml); // Throws a "Type mismatch" // Works everywhere except IE // This is case sensitive (??? WTF ???) // Lowercase "badbrowsers" nothing happens // Uppercase "BADBROWSERS" nothing happens // Best part? $xml.find("BadBrowsers").length === 1 $xml.find("BadBrowsers").append(uncoolBrowser); // Only way to output XML in IE $("#result").text($xml[0].xml); // Fuggetaboutit // Technically,it does work in IE but not when using $.parseXML() // $("#result").text($("<div></div>").append($xml.clone()).html()); }); </script> </head> <body> <pre id="xml"></pre> <pre id="result"></pre> </body> </html>
可能吗?这个简单的情景可以做到吗? $(xml).everything等在FF,Opera,Chrome和Safari中工作.
更新
可以使用巫术魔法.
我有created a jQuery plugin,负责协调不同浏览器处理XML之间的差异.我也根据其他地方的类似代码制作了一个.xml()函数,尽管我修复了一个仅有IE的问题.这适用于所有浏览器,IE7& IE8肯定的,不能测试IE6.
我已经发布了我的github.如果有人有建议或改进,请告诉我.有几件事我已经遇到,但我一直在修理他们,因为我遇到他们.
解决方法
这更像是一个猜测,因为我不知道什么是.parseXml,但IE需要createElement作为未知节点的名称.您可以为要操纵的每个新节点尝试使用document.createElement(‘BadBrowsers’)?
HTML5就是这种情况,这就是为什么还有shiv脚本.你可以尝试这样做:
http://html5shiv.googlecode.com/svn/trunk/html5.js
复制它,将您的新节点名称附加到var z,然后:
<!--[if lt IE 9]> <script src="file.js"></script> <![endif]-->