标签: jsfiddle

jsfiddle如何标记代码？有这个图书馆吗？

如果您曾经使用过www.jsfiddle.net,您可能会注意到它标记了具有正确颜色的代码,以及各种其他帮助程序,例如将标签转换为四个空格或shift-tab.使用Firebug,我看到它正在使用iFrame执行此操作.有没有一个开源库来做到这一点？我想让人们在网页上编写Python,但是让它像jsfiddle一样.

javascript python jquery mootools jsfiddle

作者

lucky-day

3
推荐指数

1
解决办法

404
查看次数

代码在jsFiddle中工作但不在浏览器中工作

我正在尝试运行以下代码,写在我的本地机器上:

http://www.jsfiddle.net/WShdx/3/

功能方面(忽略前一个和下一个按钮中的损坏图像,以及错误大小的主图像),点击/悬停功能在jsfiddle中正常工作.但是,在我的本地机器上它根本不起作用.

对于所有意图和目的,代码是相同的,除了本地副本有这个head部分加载jsfiddle页面中包含的javascript/css文件:

<head>
  <title>Jquery Wizard</title>
  <link href="style.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  <script src="wizard.js" type="text/javascript" ></script>
</head>

Run Code Online (Sandbox Code Playgroud)

jsFiddle的一些奇妙功能是让我的代码神奇地工作,还是我在这里遗漏了一些东西？

jquery jsfiddle

JVG*_*JVG

lucky-day

3
推荐指数

1
解决办法

5895
查看次数

Angular jsFiddle示例不起作用

我不明白为什么这不起作用.错误是

Error: Argument 'TodoCtrl' is not a function, got undefined

Run Code Online (Sandbox Code Playgroud)

我想问题很简单,但我无法解决.一般来说,我想定期更改文本.

jsfiddle angularjs

zis*_*she

2012 09-01

3
推荐指数

1
解决办法

2785
查看次数

代码在jsfiddle工作,但不在我的网站上

这里有jsfiddle CSS,Javascript和HTML的三个部分所以应该有一种方法可以有一个HTML文件,其中有三个部分,这里说Drop CSS代码,Drop HTML Here和Drop Javascript here.它还没有用,但目前我有

<html>
<head>
<title>Some Title</title>
<style type="text/css" media="screen">

<!-- CSS Section From JSfiddle Goes Here -->

</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">           </script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {

// Javascript Section From JSfiddle Goes Here

});
</script>
</head>
<body>

<!-- HTML Section From JSfiddle Goes Here -->

</body>
</html>

Run Code Online (Sandbox Code Playgroud)

这似乎是一件容易的事情,如果它可以自动化,或者可以吗？似乎很多人都发现JSfiddle的例子没有用,因为JSfiddle有一些神奇的东西他们没有与我们分享.

javascript jsfiddle

use*_*576

2012 10-18

3
推荐指数

1
解决办法

2363
查看次数

JQuery在JS小提琴中工作,但不在我的网站上？

好吧,真正令人沮丧和奇怪的事情正在发生.我在我的服务器上安装了JQuery,我知道它是正确导入的,因为当我运行一个简单的...

$(function() { alert('hello') });

它警告"你好".但是,当我尝试使用css选择器时......

$(".image").css("border","3px solid red");

这是行不通的!是的,我100%确定文件中有类名称.这是真正的踢球者,当我将我的代码复制到一个jsFiddle时,它工作得很好.是什么赋予了？!

jquery class selector jsfiddle

All*_*nph

2015 08-01

3
推荐指数

1
解决办法

4141
查看次数

在jsFiddle中使用模块和控制器的简单AngularJS示例

这可能是一个组合jsFiddle/Angular问题,但我正在尝试向我学习一些基本的Angular,我不确定为什么它只在我在HTML窗格中包含控制器JS时才有效. jsFiddle在这里

基本上以下工作:

<div ng-app="myAppModule" ng-controller="someController">
<!-- Show the name in the browser -->
 <h1>Welcome {{ name }}</h1>

<p>made by : {{userName}}</p>
<!-- Bind the input to the name -->
<input ng-model="name" name="name" placeholder="Enter your name" />
</div>
<script>
var myApp = angular.module('myAppModule', []);
myApp.controller('someController', function($scope) {
    // do some stuff here
    $scope.userName = "skube";
});
</script>

Run Code Online (Sandbox Code Playgroud)

但是,如果我尝试将脚本标记中的JS移动到JavaScript窗格,则会失败.

javascript jsfiddle angularjs

sku*_*ube

lucky-day

3
推荐指数

1
解决办法

1万
查看次数

让Backbone.js小提琴工作

我陷入了一个看似简单的Backbone.js问题,并希望设置一个小提琴来迭代地解决问题.但是......我似乎无法正确地加载脚本,或者至少我没有使用正确的"方法".

这是Jsfiddle的链接

我选择了以下外部源,并为每个源提供了相应cdnjs站点的链接.

在此输入图像描述

但是我仍然遇到以下错误:

第一语音处理Underscore.js库:

Message: Uncaught TypeError: Cannot read property 'each' of undefined - backbone.js:219

Code: _.each(listenMethods, function(implementation, method)

Run Code Online (Sandbox Code Playgroud)

第二个是我的第一个Backbone声明:

Message: Uncaught ReferenceError: Backbone is not defined - (index):47

Code: var QuoteHistory = Backbone.Model.extend(

Run Code Online (Sandbox Code Playgroud)

html javascript jquery jsfiddle backbone.js

Nea*_*alR

2014 11-14

3
推荐指数

1
解决办法

405
查看次数

如何在JSFiddle上使用CommonJS模块？

有没有办法在像plnkr,JSFiddle或JS Bin这样的网站上使用CommonJS模块？我想把它变成一个全球性的.

这是为了轻松提供演示而无需使用UMD.

我找到了Github repos,然后使用rawgit.com引用源文件.

javascript commonjs jsfiddle browserify

Max*_*ber

lucky-day

3
推荐指数

1
解决办法

2336
查看次数

jsfiddle上的代码相同,但不会在我的服务器上运行？

我很困惑.我只是试图测试一个jquery(simpleselect)并让它在jquery上运行正常,但是当我将它上传到我的服务器时...完全不起作用!我发誓它的代码相同,但也许新鲜的眼睛可以帮助.我在这里错过了什么？

这是我上传的代码:

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="https://smartieparts.com/bootstrap/includes/templates/bootstrap/css/stylesheet_jquery.simpleselect.min.css" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script type="text/javascript" src="https://smartieparts.com/bootstrap/includes/templates/bootstrap/jscript/jscript_jquery.simpleselect.min.js"></script>
    <script type="text/javascript">
      $("#currency-select").simpleselect({
        fadingDuration: 500,
        containerMargin: 100,
        displayContainerInside: "document"
      });
    </script>
  </head>
  <body id="indexHomeBody">
    <select name="currency" id="currency-select">
      <option value="USD">USD</option>
      <option value="EUR">EUR</option>
      <option value="GBP">GBP</option>
      <option value="CAD">CAD</option>
      <option value="AUD">AUD</option>
      <option value="CHF">CHF</option>
      <option value="CZK">CZK</option>
      <option value="DKK">DKK</option>
      <option value="HKD">HKD</option>
      <option value="JPY">JPY</option>
      <option value="NZD">NZD</option>
      <option value="NOK">NOK</option>
      <option value="PLN">PLN</option>
      <option value="SGD" selected="selected">SGD</option>
      <option value="SEK">SEK</option>
      <option value="ILS">ILS</option>
      <option value="MXN">MXN</option>
      <option value="TWD">TWD</option>
      <option value="PHP">PHP</option>
      <option value="THB">THB</option>
    </select>
  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

这是JSfiddle

请注意,JSfiddle具有我从上面的代码中完全复制/粘贴的外部css和js资源.

在JSfiddle页面上,下拉列表已格式化并具有淡入淡出效果.在我的服务器上,它有点格式化,没有淡入淡出. …

css jquery jsfiddle

bcs*_*eve

2016 09-12

3
推荐指数

1
解决办法

243
查看次数