【问题标题】:JSFiddle external resources not workingJSFiddle外部资源不起作用
【发布时间】:2015-09-19 02:50:54
【问题描述】:

我是 jsfiddle 的新手,我正在尝试链接我的外部资源。

我使用左侧的选项卡添加它们,然后将我的代码粘贴到窗格上

Here is my JSFiddle project 但在输出中只显示 html 而没有链接到 javascript 和 css

我做错了什么?

这是我的原创

<head>



    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">


    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/scripts.js"></script>
    <script type="text/javascript" src="js/bootstrap-datepicker.js"></script>


    <link rel="stylesheet" href="bootstrap-tagsinput.css">
    <link rel="stylesheet" type="text/css" href="css/datepicker.css">

</head>

【问题讨论】:

    标签: javascript jsfiddle


    【解决方案1】:

    你的小提琴有问题

    1. HTML 面板仅用于放置 HTML Body 标签
    2. 您正在使用 $(document).ready() 以及“onLoad”设置

    如有疑问,请阅读http://doc.jsfiddle.net

    【讨论】:

      【解决方案2】:

      jsfiddle.net 中,可以通过提供其内容交付网络 (CDN) 来添加资源。

      我们可以将 jQuery 插件添加为外部资源,例如:

      //ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js

      【讨论】:

      • 所以添加直接链接地址不起作用??像这样download1508.mediafire.com/k1hg0mku7p6g/rb8prkbt7rb0vxe/…
      • 不,你不能这样添加。
      • @super:感谢您发布此答案,您解决了我的问题,但我找不到您需要在JSfiddle documentation 的链接前添加//。你能解释一下为什么需要这些括号吗?
      • 如果它所在的页面是https:,则使用//' at the beginning of the address is the same as specifying https://`,或者如果它在http:页面上,则使用http://,同样适用于ftp:,@987654330 @ 或其他(可能是未来的)协议。就像以/ 开头的路径对于服务器根目录是绝对的,但相对于它所在的页面(即与 相同的服务器),所以//ajax.googleapis.com/ 在服务器方面是绝对的,但在协议方面是相对的。跨度>
      【解决方案3】:

      在我的例子中,我将以下内容添加到移动到下一行的元素中。

      margin:-1;
      

      它出现在 Chrome 上,对其他浏览器没有任何影响。希望对您有所帮助。

      【讨论】:

        猜你喜欢
        • 2016-12-20
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2017-07-13
        • 2014-09-22
        • 2013-03-30
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多