jquery - XSLT 破坏 Firefox 中的 jQuery/Prototype 脚本

Question

我正在开展一个学校项目。这是一个带有 XML/XSLT 的互联网页面。对于设计，我们考虑了背景中的图像褪色效果。

正如你所见，我做了它，它在 IE7 上完美运行。但在 FF 3.6 中检查它会在 firebug 中引发一些可疑错误并且不起作用。

例如:

alert($('menu_bg').innerHTML);  

与文档准备/观察一起使用时有效。但这些都不起作用:

$('#menu_dots').append("content"); // jQuery
$('menu_dots').insert("content");  // prototype

重点是，我不明白为什么在两种浏览器中没有 XSLT 一切都可以工作。但是当我对 XSLT 执行相同操作时，它会在 FF 中中断。

http://nak.erline.eu/index.xml

相同域名/js/_script.js

我认为问题是基于 jQuery 的，这就是为什么我开始将其转换为原型(prototype)。半路上我意识到问题仍然存在。这就是为什么代码仍然带有 jQ​​uery(带注释)和 Prototype。

你有什么想法吗？

Answer 1

在 XSLT 文件更改的顶部:

<xsl:output method="xml" indent="yes" 
    doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
    doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN" />

至

<xsl:output method="html" indent="yes" 
    doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
    doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN" />

请注意，输出方法类型应为 html 而不是 xml。这解决了我测试中的问题。

我在这里找到了答案的提示:Why does my simple strict XHTML file give errors when I include jquery?

此外，在我的测试中，我删除了以下脚本引用

<script src="src/scriptaculous.js" type="text/javascript"/>
<script type="text/javascript" src="js/_script.js"/>

并添加了对 jQuery 的引用

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

并使用您的 jQuery 代码片段进行了测试。

<script>
    $(document).ready(function(){
        $('#menu_dots').append("content");
    });
</script>