Tag: jsfiddle

代码正在小提琴上工作但不在网站上: 这在Fiddle上运行正常，但在我的网站上不太好。我似乎无法弄清楚差异。我已经尝试删除整个Videobox包含，但这并没有解决它。我也意识到jQuery和Mootools有点多，但我真的很喜欢Videobox，我真的很喜欢音频播放器。至于在我的网站上工作的东西，一切都按照它应该的方式工作，除了我的javascript中的第二个function。这是小提琴： http ： //jsfiddle.net/HM8m7/4/ 我的网站的HTML： Music jQuery.noConflict(); jQuery(function () { jQuery(“#ubaPlayer”).ubaPlayer({ codecs: [{ name: “MP3”, codec: ‘audio/mpeg;’ }] }); }); jQuery(‘a[rel=vidbox]’).click(function () { if (jQuery(“#ubaPlayer”).ubaPlayer(“playing”) === true) { jQuery(“#ubaPlayer”).ubaPlayer(“pause”); } return false; }); Title The Rainbow Connection (Video) Close to You 音频播放器脚本： (function($) { var defaults = { audioButtonClass: “audioButton”, […]

JSFiddle包装在onLoad中？: 我试图理解JSFiddle如何基于这个描述在’onLoad’中’包装’代码：[1]： http ：//doc.jsfiddle.net/basic/introduction.html#javascript。我已经看到onLoad被用在HTML的BODY标签中来加载函数。那么JSF（幕后）将我在JS窗口中创建的每个调用和每个函数都包装起来吗？又名： onLoad = “myfunc1(),myfunc2,alert(1);” 如果是这样，那么当我选择jQuery作为框架时，我应该避免使用这种格式： $(document).ready(function(){ myfunc1{(…)} myfunc1{(…)} … 如果出现电枢问题，请提前道歉。

如何在JQuery中使用JSFiddle echofunction？: 我已经阅读了jsFiddle用户指南，了解他们的JSON echofunction，但是没有运气生成一个有效的jsFiddle来使用JQuery回显JSON消息。如何创建一个jsFiddle来回应他们的指南中的JSON： data: { json: JSON.encode({ text: ‘some text’, array: [1, 2, ‘three’], object: { par1: ‘another text’, par2: [3, 2, ‘one’], par3: {} } }), delay: 3 } 提供的一个例子是我从未使用过的Mootools。因此，从mootools示例到JQuery的简单转换就足够了。

代码在jsfiddle中工作，但在html文档中不起作用: 我是javascript的初学者，我希望有人可以帮我解决这个问题。我试图用id做一个div，“移动”，来回滑动。代码在jsfiddle中工作，但是当我将它放入我的html文档时不起作用。我尝试将顶部放在一个单独的js文件中，并仅使用代码的最后一行调用头部中的变量： animateMe($(‘#move’), 2000); 那没用。然后我尝试将整个js脚本放入头部，这也无效。这是我的html文档头部的代码： $(targetElement).css({ left: ’50px’, top: ’50px’ }).animate({ ‘left’: ‘200px’ },{ duration: speed, complete: function () { $(this).animate({ ‘left’:’50px’ },{ duration: speed, complete: function () { animateMe(this, speed); } }) } } ); }; animateMe($(‘#move’), 2000); 这是正文中的代码。我通常使用外部css文档，但为了试图缩短内容，我在这里使用了内联css。我正在从jsfiddle获取代码并将其放入头部或我的单独的js文件中。不确定这样做是否会导致脚本无法正常工作。任何帮助表示赞赏。谢谢大家。这是我在jsfiddle工作的链接： http ： //jsfiddle.net/wrdweaver6/r8Kf9/

如何在jsFiddle中使用ajax请求: 我正在努力创造我的第一个小提琴。所以这就是我想用jquery做的事情 $(‘.list’).live(‘click’, function(){ var dataPass = ‘uid=’+ uid; $.ajax({ type: “POST”, url: “test.php”, data: dataPass, cache: false, success: function(html){ //Do something } }); }); 那么我如何/在哪里编写test.php文件的代码？它会返回一些html标记。

JQuery在JS小提琴中工作，但不在我的网站上？: 好吧，真正令人沮丧和奇怪的事情正在发生。我在我的服务器上安装了JQuery，我知道它是正确导入的，因为当我运行一个简单的… $(function() { alert(‘hello’) }); 它警告“你好”。但是，当我尝试使用css选择器时…… $(“.image”).css(“border”,”3px solid red”); 这是行不通的！是的，我100％确定文件中有类名。这是真正的踢球者，当我将我的代码复制到一个jsFiddle时，它工作得很好。是什么赋予了？！

jQuery在jsFiddle中工作，但不在我的计算机上: 我是jQuery的新手，整天都在试图确定为什么这个脚本在jsFiddle中运行而不是在我的计算机上运行。我没有服务器设置，我只是从桌面启动浏览器中的html。代码在这里工作正常： http ： //jsfiddle.net/9Dubr/164/ 。但是当我创建以下html文件时： this better work $(‘#submit’).click(function(){ $(‘#myfrom’).fadeOut(“slow”, function(){ var dot = $(“Goodmorning Mr. PattiThank you.”.hide(); $(this).replaceWith(dot); $(‘#foo’).fadeIn(“slow”); }); }); #container{ width:342px; height:170px; padding:10px; background-color:grey; } #myform{ width:322px; height:100px; color:#6F6F6F; padding: 0px; outline:none; background-color:white; } #foo{ width:322px; height:100px; color:#6F6F6F; padding: 0px; outline:none; background-color:white; } #submit{ color:#6F6F6F; padding: 10px 2px 0px […]

jquery滚动，在页面滚动时更改导航活动类，相对于节: http://jsfiddle.net/motocomdigital/gUWdJ/ 我想要一个jquery滚动技术，我想适应我的项目。请将我的项目示例视为小提琴http://jsfiddle.net/motocomdigital/gUWdJ/ 目前，您可以看到我的导航链接会自动为相对于的滚动设置动画。我的问题是，使用$(window).scroll方法，当部分到达窗口顶部时，如何在nav a添加.active类？因此，例如，如果用户向下滚动页面（而不是导航链接），我希望活动类添加相对导航链接。指示您在页面上的位置。每当我猜测用户向下滚动页面时，必须删除活动类，然后添加活动类。此外，您还必须考虑固定导航栏的28px高度，偏移顶部窗口。任何人都可以请给我一个技术，我可以尝试使用或改编，或者可能让我用我的jsfiddle 🙂 任何帮助将非常感谢，提前感谢！ http://jsfiddle.net/motocomdigital/gUWdJ/

代码在jsFiddle中工作但不在浏览器中工作: 我正在尝试运行以下代码，写在我的本地机器上： http://www.jsfiddle.net/WShdx/3/ function方面（忽略上一个和下一个按钮中的损坏图像，以及错误大小的主图像），点击/hoverfunction在jsfiddle中正常工作。但是，在我的本地机器上它根本不起作用。对于所有意图和目的，代码是相同的，除了本地副本有这个head部分加载jsfiddle页面中包含的javascript / css文件： Jquery Wizard jsFiddle是否有一些奇妙的function让我的代码神奇地工作，或者我在这里遗漏了什么？