JSFiddle中的外部资源不起作用

时间:2014-02-10 06:41:11

标签: jquery jsfiddle

我想问一个关于jquery菜单目标的问题,然后我必须将我的代码放在jsfiddle中,并附带一些外部资源。我做了this但它没有用。任何人都能说出这里有什么问题吗?

感谢。

2 个答案:

答案 0 :(得分:2)

您正在链接到github页面,这些页面显示生活在github上的那些文件而不是实际文件。不,github不是CDN,但绝对可以用来提供文件。

举个例子,尝试改变:
https://github.com/kamens/jQuery-menu-aim/blob/master/jquery.menu-aim.js

https://raw2.github.com/kamens/jQuery-menu-aim/master/jquery.menu-aim.js


https://github.com/kamens/jQuery-menu-aim/blob/master/example/css/bootstrap-responsive.css

https://raw2.github.com/kamens/jQuery-menu-aim/master/example/css/bootstrap-responsive.css

直接在github上链接文件存在一些问题。也就是说,一切都是文本/普通的。作为替代方案,您可以使用http://rawgithub.com/服务。所以jQuery菜单链接将成为:
http://rawgithub.com/kamens/jQuery-menu-aim/master/jquery.menu-aim.js

更新了指向正确github网址的小提琴:http://jsfiddle.net/X8w5M/12/

修改
请注意,引导程序CSS在该小提琴中不起作用,因为小提琴希望CSS作为text / css提供。将引导CSS链接更改为http://rawgithub.com/kamens/jQuery-menu-aim/master/example/css/bootstrap.css会使其恢复生机。

编辑2
这是使用rawgithub服务CSS和github服务JS的工作小提琴。 http://jsfiddle.net/X8w5M/18/

答案 1 :(得分:0)

Github不是CDN。您必须使用CDN链接将外部资源嵌入到jsfiddle。您可以使用以下链接作为外部资源。

http://cdn.jsdelivr.net/jquery.menu-aim/0.1/jquery.menu-aim.min.js

http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css

http://netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js

试试这些。