如何下载这个工作jsfiddle?

时间:2017-09-07 04:12:49

标签: jsfiddle

jsfiddle.net/jjx86sqb/中给出的示例非常好,并且想要下载所有文件。

请告诉我如何下载它。

我想在本地运行示例html文件示例

3 个答案:

答案 0 :(得分:0)

只需将小提琴的HTML和jQuery部分复制并粘贴到您自己的文档中即可。

不要忘记包含四个相关的外部文件:

https://cdn.datatables.net/v/dt/dt-1.10.15/datatables.min.css
https://cdn.datatables.net/v/dt/dt-1.10.15/datatables.min.js
https://gyrocode.github.io/jquery-datatables-alphabetSearch/1.2.2/css/dataTables.alphabetSearch.css
https://gyrocode.github.io/jquery-datatables-alphabetSearch/1.2.2/js/dataTables.alphabetSearch.min.js

您还需要引用jQuery本身(小提琴中的版本1.11.0)。

版本1.11.0可在以下位置找到:

https://code.jquery.com/jquery-1.11.0.min.js

请注意,必须在四个DataTables脚本之前引用jQuery

您的<head>应如下所示:

<head>
  <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.js"></script>
  <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.15/datatables.min.css">
  <script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.15/datatables.min.js"></script>
  <link rel="stylesheet" type="text/css" href="https://gyrocode.github.io/jquery-datatables-alphabetSearch/1.2.2/css/dataTables.alphabetSearch.css">
  <script type="text/javascript" src="https://gyrocode.github.io/jquery-datatables-alphabetSearch/1.2.2/js/dataTables.alphabetSearch.min.js"></script>
</head>

jQuery代码本身必须放在<script>标记之后包含五个外部文件。

希望这有帮助! :)

答案 1 :(得分:0)

有可能。和容易。

  1. 在要下载的jsfiddle的URL中添加/embedded/
  2. 点击result标签
  3. 右键单击屏幕,然后选择view frame source(而不是!查看页面源代码)
  4. 将完整的html保存到html文件中。

答案 2 :(得分:-2)

下载代码是不可能的,也是不必要的功能。您最多可以复制3个代码即可。 Html,CSS和脚本。 只需点击任何代码&gt; Crt1 + A&gt;并将其复制并粘贴到您想要的位置。 对每个代码重复相同的步骤。

如果有帮助,请投票。