无法使jsFiddle示例工作

我想在这里找到相同的function： http ： //jsfiddle.net/jhruh/2/在我的网站上。

我不明白为什么如果我复制所有的东西，我没有得到相同的function。 我所做的步骤是：

1. 复制HTML
2. 在我在步骤1中复制的html的头部添加了jquery库（
3. 添加了一个脚本标记作为包含jsFiddler代码的body标记的最后一个子标记。
4. 在JavaScript代码之上添加了jquery $（function（）{}）。

换句话说，我现在有：

            
 
 
 XML Parsing demo
 
 
 
 
 
 
 
 
 Back 
 
 
 
 
 
  
 
   //  $(function () { $('#index').live('pagebeforeshow', function (e, data) { $('#cars-data').empty(); $.ajax({ type: "POST", url: "InvalidUrlCreatedOnPurpose", dataType: "xml", data: { xml: "TOYOTAJAPANhttp://sofzh.miximages.com/jquery/toyota-rav4.jpgToyota has announced that it will recall a total of 778,000 units that may have been manufactured with improperly-tightened nuts on the rear suspension." }, success: function (xml) { var xmlstr = (new XMLSerializer()).serializeToString(xml); alert(xmlstr); alert(xml); ajax.parseXML(xml); }, error: function (request, error) { alert('Remember to remove this message once it works!'); var x = "TOYOTAJAPANhttp://sofzh.miximages.com/jquery/toyota-rav4.jpgToyota has announced that it will recall a total of 778,000 units that may have been manufactured with improperly-tightened nuts on the rear suspension."; ajax.parseXML(x); } }); }); $("#cars").live('pagebeforeshow', function () { $("#cars div[data-role='header'] h1").html(carObject.carName); $('#car-data').empty(); $('#car-data').append('
Car Type: ' + carObject.carName + '
'); $('#car-data').append('
Car Country: ' + carObject.carCountry + '
'); $('#car-data').append('
Car Description: ' + carObject.description + '
'); $('#car-data').listview('refresh'); $('#car-img').attr('src', carObject.img); }); var ajax = { parseXML: function (result) { $(result).find("car").each(function () { carObject.carName = $(this).find('name').text(); carObject.carCountry = $(this).find('country').text(); carObject.img = $(this).find('pic').text(); carObject.description = $(this).find('description').text(); $('#cars-data').append('
Car type: ' + carObject.carName + '
' + carObject.description + '
'); }); $('#cars-data').listview('refresh'); $('#index').append('
Dynamicaly added footer
 '); $('#index [data-role="content"]').append('
Choose:
option 1
'); $('#index').trigger('pagecreate'); } } var carObject = { carName: '', carCountry: '', img: '', description: '' } });    

页面表现不同为什么？ 我知道jsFiddler可以使用url’echo’来模拟ajax调用，但我故意模拟了一个错误，希望我能在我的网站上得到相同的结果。

编辑

我更改了图像源： http ： //cdn1.iconfinder.com/data/icons/sleekxp/Google%20Chrome.png

我更新了jsFiddler，新的链接是： http ： //jsfiddle.net/jhruh/3/ ，我可以让它继续工作。

Answer 1

第33行，第74列：元素img上属性src的值不正确：必须为非空。 IRI引用的语法：任何URL。 例如：/ hello，＃scanvas或http://example.org/ 。 字符应以NFC表示，空格应以％20表示。