Question

我正在使用jQuery XML to JSON Plugin by Fyneworks.com。

为什么此代码不起作用？

的index.html

<!DOCTYPE html>
<html>
<head>
<script src="build/jquery.xml2json.js"></script>
<script src="build/jquery.js"></script>
<script>
$(document).ready(function() {
    $('button').click(function() {
        $.get('menu.xml', function(xml){
            var json = $.xml2json(xml);
            alert(json.message);
        });
    });
});
</script>
</head>
<body>
<button>Menu List</button>
</body>
</html>

menu.xml文件

<xml>
 <message>Hello world</message>
</xml>

错误是：未捕获TypeError：$ .xml2json不是函数

Answer 1

如果您要在文档准备就绪后设置事件处理程序，则需要使用on()。

$(document).ready(function(){
    $("button").on("click", function(){
        $.get('menu.xml', function(xml){
            var json = $.xml2json(xml);
            alert(json.message);
        });
    });
});

否则，你需要在html中创建元素后放置代码，就像这样。

<!DOCTYPE html> <html> <head> </head> <body> <button>Menu List</button> <script src="build/jquery.xml2json.js"></script> <script src="build/jquery.js"></script> <script> $("button").click(function(){ $.get('menu.xml', function(xml){ var json = $.xml2json(xml); alert(json.message); }); }); </script> </body> </html>

Answer 2

jquery.xml2json.js取决于jquery。因此，我们必须首先加载jquery.js，然后加载jquery.xml2json.js。

<script src="build/jquery.js"></script>
<script src="build/jquery.xml2json.js"></script>

xml2json jQuery插件无法正常工作

2 个答案: