2012-08-08 156 views
1

我无法获得在jsFiddle中运行的代码在我的网站上运行。代码适用于JsFiddle,但不适用于网站

http://jsfiddle.net/tris_wood/qCqcK/

我已经根据用户在这里与同样的问题调整的代码,但它仍然会无法运行。

这里是我的网页页面结构

<head> 
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
<script src="custom.js"></script> 
</head> 

<div data-role="page"> 
<ul data-role="listview" id="results"></ul> 
</div> 

custom.js

$(document).ready(function() { 
$.ajax({ 
    url: "http://itunes.apple.com/lookup?id=300261471&entity=song", 
    dataType: 'jsonp', 
    success: function(json_results) { 
     console.log(json_results); 

     $('#results').append('<ul></ul>'); 
     listItems = $('#results').find('ul'); 

     $.each(json_results.results, function(key) { 

      // edit 
      var data = json_results.results[key], 
       artworkUrl60 = data.artworkUrl60 || '', 
       collectionViewUrl = data.collectionViewUrl || '', 
       collectionName = data.collectionName || '', 
       artistName = data.artistName || '', 
       trackName = data.trackName || '', 

html = '<img src="' + artworkUrl60 + '"/>'; 
html += '<h3>' + collectionName + '</h3>'; 
html += '<p>' + artistName + '</p>'; 
html += '<p>' + trackName + '</p>'; 
listItems.append('<li><a href="' + collectionViewUrl + '">' + html + '</a> 
</li>'); 
     }); 

     // Need to refresh list after AJAX call 
     $("#results").listview("refresh"); 
    } 
}); 
});​ 

萤火告诉我,未捕获的语法错误:上线32

这里意外标记是非法的网址完成页http://ipwtclothing.net/test.html

已经在这上面了几天,所以任何帮助将不胜感激。谢谢。

+2

使用代码linter。 http://jslint.com或http://jshint.com for JavaScript。你的结果:http://www.jshint.com/reports/666071 – 2012-08-08 17:57:02

+1

你的代码中有一些白色字符:'});â – 2012-08-08 18:03:49

+0

是的,谢谢。现在修复。 – Kastansa 2012-08-08 18:14:31

回答

2

该错误似乎来自位于文件末尾的无关字符。如果删除该字符,则该文件正常工作。

我试图在本地保存您的网页并打开离线。我面临同样的问题。之后我可以在js的最后一行识别出一个无效的字符。

  // Need to refresh list after AJAX call 
      $("#results").listview("refresh"); 
     } 
    }); 
});<200b> 

以上是我在vim编辑器中看到的。删除最后一个特殊字符,这将解决您的问题。

+0

非常感谢。我不是一个编码器,但设法解决您的答案。再次感谢。 – Kastansa 2012-08-08 18:12:59

+0

如果您能够根据sundar的回答进行修复,请将其标记为“已接受” – 2012-08-08 18:37:17

相关问题