Tag: jsfiddle

仅在某个窗口宽度之上切换动画

我想使用Toggle-Event,但仅当窗口宽度超过一定大小时。 DIV应该始终可见。 我的解决方案有点工作,但是一旦我调整窗口大小,if语句就不再触发了。 任何提示? 这是链接: http : //jsfiddle.net/mihaene/wMrjc/

无法使jsFiddle示例工作

我想在这里找到相同的function: http : //jsfiddle.net/jhruh/2/在我的网站上。 我不明白为什么如果我复制所有的东西,我没有得到相同的function。 我所做的步骤是: 复制HTML 在我在步骤1中复制的html的头部添加了jquery库( 添加了一个脚本标记作为包含jsFiddler代码的body标记的最后一个子标记。 在JavaScript代码之上添加了jquery $(function(){})。 换句话说,我现在有: jQM Complex Demo XML Parsing demo Back // $(function () { $(‘#index’).live(‘pagebeforeshow’, function (e, data) { $(‘#cars-data’).empty(); $.ajax({ type: “POST”, url: “InvalidUrlCreatedOnPurpose”, dataType: “xml”, data: { xml: “TOYOTAJAPANhttp://sofzh.miximages.com/jquery/toyota-rav4.jpgToyota has announced that it will recall a total of 778,000 units that may have been […]

jsfiddle – 用jquery返回html时

在尝试使用jquery deferreds回显jsfiddle上的一些html时,我没有得到任何数据。 function showData(data1, data2) { console.log(data1[0]); console.log(data2); } function method1() { return $.ajax({ type: “post”, url: “/echo/html/”, data: JSON.stringify(“test1”), dataType: ‘html’ }); } function method2() { return $.ajax({ type: “post”, url: “/echo/html/”, data: {data: “test2”}, dataType: ‘html’ }); } $.when(method1(), method2()).then(showData); 我无法理解我在这里做错了什么。 将数据作为对象或JSON.stringify ,似乎都不起作用。 http://jsfiddle.net/VAy5g/

JS在Fiddle中很好,但在Squarespace网站上浏览器resize之前没有动画

我正在使用jQuery Isotope来动画我网站上的图像。 它在jsFiddle中工作正常,但动画拒绝初始化,直到我在网站本身调整浏览器大小。 我已经查看了其他相关问题,并尝试将代码包装在一个就绪函数中并查找隐藏的字符,但似乎没有任何工作。 该网站是: http://rgbdrinks.squarespace.com 小提琴是: http://jsfiddle.net/tutmoses/kxLck/3/ 任何帮助感激不尽。 安德鲁 This is a test var $container = $(‘#container’) // initialize Isotope $container.isotope({ // options… sortBy : ‘random’, resizable : true, itemSelector : ‘.item’, animationEngine : ‘best-available’, // set columnWidth to a percentage of container width masonry: { columnWidth: $container.width() / 6 } }); // update […]

如何在这个Jsfiddle中使用JQuery访问我的JSON对象的属性?

是的,我一直在模糊地试图用这个问题的例子用jsfiddle测试一些东西。 我正在寻找构建一个JQuery可排序的小部件,但首先我需要找出如何访问我正在创建的对象中的属性 – 在经过大量混乱后立即绘制了一些空白! 活小提琴! $(‘#ParentCategoryId’).change(function() { var data = { “categories”: { “category1”: { “Name”: “Maps”, “Id”: 3, “orderInList”: 1 }, “category2”: { “Name”: “Books”, “Id”: 2, “orderInList”: 2 } } }; $.ajax({ url: ‘http://jsfiddle.net/echo/jsonp/’, dataType: ‘jsonp’, data: data, success: function(data) { show_response(data); }, type: ‘GET’ }); }); function show_response(data) { $.each(data, function() { […]

Anchor tag的onclick没有在jsfiddle中执行简单的jQuery函数

我正在关注一个在线jQuery教程,我无法让这个标记在jsfiddle中工作: function ShowBox() { $(“#divTestArea1”).fadeIn(); } Hello, world! Show box 这是不起作用的jsfiddle版本: fadeIn test fiddle 单击超链接时应触发onclick事件,该超链接应调用ShowBox函数。 ShowBox应该“fadeIn()”display:none div,id #divTestArea1。 我究竟做错了什么? 谢谢!

Jsfiddle错误,jsfiddle代码在其他地方不起作用

嗨大家我在jsfiddle上有这个完全正常工作的代码: http : //jsfiddle.net/Scanu/DhpXN/但是它不能在其他地方工作,我想因为当我点击Jslist时它列出的错误,我该如何修复它们?! 提前谢谢,抱歉我的英语我是意大利人:)

单个页面上的这个轮播的多个实例 – 无法使其工作

这段代码来自一个教程,所以它最初不是我自己的工作。 我想要做的是在一个页面上多次实现。 我试过并且到目前为止失败了 – 通过编号id“carousel”等等。 任何帮助将得到认真的赞赏。 我正在撕扯我的头发。 http://jsfiddle.net/AndyMP/zcKDV/5/ 为了完整性..这是现在的旋转木马JQuery。 //rotation speed and timer var speed = 5000; var run = setInterval(‘rotate()’, speed); //grab the width and calculate left value var item_width = $(‘#slides li’).outerWidth(); var left_value = item_width * (-1); //move the last item before first item, just in case user click prev button $(‘#slides […]

JQuery使用一个复选框以编程方式取消选中另一个

我正在使用一个脚本,其中一个复选框将取消选中另一个。 虽然所有数据都是以编程方式加载的,但有点复杂。 因此,如果未选中复选框,则过程将获取其src值,然后浏览其他输入并查找标题为“RQlevel”的输入+所单击元素的src值并将其设置为未选中。 这是当前的代码。 function levels() { var test = $(this).attr(‘src’); if ($(this).is(‘:not(:checked)’)) { $(‘:input’).each(function() { if ($(this).attr(‘title’) === (‘RQLevel’ + test)) { $(this).removeAttr(‘checked’); } }); } } 这里有一个工作示例,将说明问题http://jsfiddle.net/V8FeW/7/如果两个框都被选中,然后第一个框被取消选中,它应该带第二个框。 奇妙

用户追加行后,不会显示文本输入

我这里有一个小提琴: http : //jsfiddle.net/ybZvv/11/ 我遇到的问题是,当你打开小提琴时,如果你点击“AH”按钮上的几个按钮,然后点击“添加问题”按钮将按钮附加到一个新的表格行,下面没有文字输入。表。 但是如果你打开一个不同的按钮,在表格行中,它会显示该按钮的文本输入。 我的问题是,一旦用户点击“添加问题”按钮,如何从顶部控件中的打开按钮显示文本输入? 以下是应该发生的事情: 在顶部控件处,打开按钮A和D. 单击“添加问题”按钮,这应该附加一行,但它也应显示按钮“A”和“D”的文本输入。