Tag: 链接

Javascript JQuery链接

假设我们有: $(“p”)[0].innerHTML; 和 $(“p”).html(); 在上面的例子中,我们有相同的结果。 所以我想知道JQuery如何返回节点列表和它自己允许链接?

jquery方法链中的点与括号表示法

假设我有一长串jquery方法,并希望根据一些布尔条件添加两个方法之一的额外调用(例如show或hide )。 有两种方法可以做到: 1) 点表示法 :将方法链存储在变量中,然后使用点表示法使用此变量调用额外的方法(由if…else构造或三元运算符解析)。 代码 : var $tmp = $el._long_()._method_()._chain_(); if (condition) $tmp.show(); else $tmp.hide(); 2) 括号表示法 :使用方括号表示法附加方法的额外调用(由三元运算符解析)。 代码 : $el._long_()._method_()._chain_()[condition? ‘show’ : ‘hide’](); 我曾经使用过第一个,特别是如果在其他地方使用$tmp变量。 但第二种方式似乎更简洁,但不太可读。 这种情况的最佳选择是什么?

Jquery – 高级.clone()

我从这里开始jQuery clone链接选择 Paulj的答案 版本1: http : //jsfiddle.net/m4JTQ/2/ 版本2(这是一个修改版本摆脱了迭代器: http : //jsfiddle.net/Zf7xb/1/ 它完美地运作。 但现在我正在寻找更多的困难。 新方案是: —-Group1 : [+] [-]——————————- —-Subgroup : [+] [-] ———— –Chile | Santiago | Chiñihue –Argentina | San Juan | Rawson –Argentina | San Juan | Rawson (cloned) ———————————– —————————————————- 如果我点击子组的[+],它将克隆该组的最后一个子组。 如果我点击组中的[+],它将克隆最后一个组与最后一个子组信息。 即: —-Group2 : [+] [-]——————————- —-Subgroup : [+] [-] ———— […]

Jquery的Chosen插件带有Chained插件和选择框

我是新来的 所以这就是问题所在:我正在尝试使用选择的插件(http://harvesthq.github.com/chosen/)和链接插件(http://www.appelsiini.net/projects/chained)作为我的选择框 但它不能很好地工作。 这里是与示例的链接 http://jsfiddle.net/hgRGm/ 提前致谢

更改布局的Javascript / jQuery focusout事件会导致click事件无法触发

我有一个字段,当你把焦点放在它上面时,它会改变页面的布局。 我还在页面上有提交表单的按钮。 如果我进入我的字段并键入值,然后单击按钮,按钮单击事件永远不会触发。 这似乎是因为布局在click事件被触发之前发生了变化,这意味着按钮会改变位置。 当click事件触发时,它会在空白区域而不是按钮上触发。 这是问题的一个方面: http : //jsfiddle.net/xM88p/ 我找到了一种方法来解决这个问题,但经过广泛的研究,我无法在FF / Chrome中找到/访问相同的对象: //only works in IE if(event.originalEvent.toElement){ $(“#”+event.originalEvent.toElement.id).click(); }

jQuery链接动画没有插件

在使用jQuery之前,我可以做一个链接动画,延迟时间如下: $(“#element”).delay(45).animate({ }, 45) .delay(45).animate({ }, 45) .delay(45).animate({ }, 45); 现在,自v1.6.1更新而不是之前做的事情,它现在跳到最后一个动画。 忽略之前的陈述。 我知道我可以为每个动画做一个不完整的回调,但这只是弄乱了: $(“#element”).delay(45).animate({ }, 45, function(){ $(“#element”).delay(45).animate({ }, 45, function(){ $(“#element”).delay(45).animate({ }, 45); }) }) 有谁知道如何以简单干净的方式实现这一目标?

编写一个返回值的jQuery插件

我正在编写一个jQuery插件,在某些情况下存储一些数据。 我想以一种非常灵活的方式编写它,我可以更改输入参数以获取插件存储的某些值。 说明: 当我调用$(“#any”).myPlugin() ,我的插件初始化创建一个div而一些内部。 单击a将使用.data()方法存储.index() 。 如果我调用$(“#any”).myPlugin(“getSelection”)那么我想用.data()获取存储的值。 我尝试过的: (function ($) { $.fn.myPlugin = function (action) { if (action == null) action = “initialize”; return this.each(function ($this) { $this = $(this); if (action == “initialize”) { $this.html(”); var div = $(“div”, $this); div.append(‘A’).append(‘B’).append(‘C’); div.children(“a”).each(function (i) { $(this).click(function (event) { // Here I store the index. […]

使用Chained Jquery插件

我正在尝试使用CakePhp中的远程Chained插件( http://www.appelsiini.net/projects/chained )我使用Jquery来测试警报,但是只有链接的插件才能正常工作。 我想尝试使用他们的代码在他们的网站上关注示例。 如果您想查看我的页面,请访问http://team.southpacificavionics.com/customers/test登录:访客密码:密码 jquery.chained.remote.min.js /*! Chained 1.0.0 – MIT license – Copyright 2010-2014 Mika Tuupola */ !function(a){“use strict”;a.fn.remoteChained=function(b){var c=a.extend({},a.fn.remoteChained.defaults,b);return c.loading&&(c.clear=!0),this.each(function(){function b(b){var c=a(“:selected”,d).val();a(“option”,d).remove();var e=[];if(a.isArray(b))e=a.isArray(b[0])?b:a.map(b,function(b){return a.map(b,function(a,b){return[[b,a]]})});else for(var f in b)b.hasOwnProperty(f)&&e.push([f,b[f]]);for(var g=0;g!==e.length;g++){var h=e[g][0],i=e[g][1];if(“selected”!==h){var j=a(“”).val(h).append(i);a(d).append(j)}else c=i}a(d).children().each(function(){a(this).val()===c+””&&a(this).attr(“selected”,”selected”)}),1===a(“option”,d).size()&&””===a(d).val()?a(d).prop(“disabled”,!0):a(d).prop(“disabled”,!1)}var d=this,e=!1;a(c.parents).each(function(){a(this).bind(“change”,function(){var f={};a(c.parents).each(function(){var b=a(this).attr(c.attribute),e=(a(this).is(“select”)?a(“:selected”,this):a(this)).val();f[b]=e,c.depends&&a(c.depends).each(function(){if(d!==this){var b=a(this).attr(c.attribute),e=a(this).val();f[b]=e}})}),e&&a.isFunction(e.abort)&&(e.abort(),e=!1),c.clear&&(c.loading?b.call(d,{“”:c.loading}):a(“option”,d).remove(),a(d).trigger(“change”)),e=a.getJSON(c.url,f,function(c){b.call(d,c),a(d).trigger(“change”)})}),c.bootstrap&&(b.call(d,c.bootstrap),c.bootstrap=null)})})},a.fn.remoteChainedTo=a.fn.remoteChained,a.fn.remoteChained.defaults={attribute:”name”,depends:null,bootstrap:null,loading:null,clear:!1}}(window.jQuery||window.Zepto,window,document); test.ctp Html->script(‘jquery.min’); ?> Html->script(‘jquery.chained.remote.min’); ?> $(document).ready(function () { alert(‘java is working’); }); — BMW Audi — 3 […]

可以通过编程方式链接jquery动画吗?

我有这个代码: jQuery(‘#flash’).animate({opacity: 0.35}, 200) .animate({opacity: 0}, 200) .animate({opacity: 0.35}, 200) .animate({opacity: 0}, 200) .animate({opacity: 0.35}, 200) .animate({opacity: 0}, 600) 而且我不确定我希望它改变状态的次数。 有没有办法以编程方式链接动画而不必通过编辑动画链来添加/删除链元素?

链接承诺而不使用’then’

我有一个对象( foo ),它将几个方法公开为promises(使用JQuery延迟)。 我这样做的方式最终得到了这种代码: var foo = createNewFoo(); $.when(foo.method1(arg)) .then(foo.method2) .then(foo.method3); 我希望将我的代码重构为更好的代码,如下所示: var foo = createNewFoo() .method1(arg) .method2() .method3(); 但是我不确定如何实现foo所以它是可能的。