【javascript-jQuery动画】教程文章相关的互联网学习教程文章

javascript-jQuery UI的Sortable是否可以处理items选项的复杂选择器?【代码】

我有一个无序列表中的列表项,双击该列表项可以通过所见即所得编辑器对它进行编辑.$('ul.mtm_section').sortable({disabled: true,distance: 10,items: '> li:not(:has(form))' });我的目标是防止列表项在编辑时被排序-也就是在替换表单元素代替内容后. 不幸的是我的项目选择器不起作用.可排序是否能够处理此类复杂的选择器?如果不是,是否还有其他聪明的方法可以禁止某些项目进行排序,也许是回调函数? 我宁愿依赖于此sortable选项...

javascript-jQuery身份验证

在发送请求之前,如何进行jQuery Ajax调用并验证该调用? 我尚未登录,所以必须进行身份验证.安全性不是任何人都可以访问的问题,只需要进行身份验证即可.只是基本的HTTP身份验证,您可以看看API http://lighthouseapp.com/api/the-basics解决方法:由于您未指定要使用的身份验证类型,因此我将做一个大的假设,假设您具有某种登录页面/操作,并将用户名和密码发布到该登录页面/操作中,并将用户名和密码用作参数名.如果您还有其他字段-例如...

javascript-JQuery条件点击事件【代码】

我有按行组织的无序元素列表.当用户单击一行时,我希望将该行中的文本附加到单独的文本字段中.当前代码的问题是,如果用户单击多个框,则所有与每个框相关的文本都将附加到文本字段中.我想仅从用户单击的最后一行元素中添加文本. 这是我的JavaScript:function clickEvents() {// Day List Selector $('#DC_id_1').click(function() {$('#whenTextField').attr('value', 'Today'); }); $('#DC_id_3').click(function() {$('#whenTextF...

javascript-jQuery等待上述代码执行完成【代码】

我已经使用jQuery编写了一些JavaScript,用div和ul替代项替换了所有选择列表,这样它将为我提供更多的样式控制,并使下拉菜单看起来像跨浏览器一样.以下代码对我来说占99%,但是我有一个问题.在代码的底部,我不得不使用.delay()来告诉代码,以等待上面的.each()循环完成其工作.问题在于,至少要等一秒钟,直到替换发生,旧的选择框就会闪烁.我还可以预见另一个问题是,如果each()循环完成需要多于一秒钟的时间,那该怎么办… 我如何才能使代...

javascript-jQuery中的车速表

我需要在页面上显示一个速度计,其状态将基于传递给它的值.我在http://plugins.jquery.com/project/speedometer处遇到了JQuery Speedometer插件,但找不到相同的下载链接. 请帮忙谢谢.解决方法:签出使用Javascript / css创建的speedometer,以及Javascript / css中的一些analog clocks.

Javascript-在jQuery中,如何在不基于事件的情况下监视动态填充的元素(AJAX)?【代码】

我在页面加载时有以下标记:<select name="sel_billing_address"></select>页面加载后,该选择将由一些AJAX填充为以下内容:<select name="sel_billing_address"><option value="1">hi</option><option value="2">there</option><option value="3" selected="selected">sally</option> </select>我需要从此列表中获取选定的选项.通常,这只是以下情况的一个简单案例:jQuery('select[name=sel_billing_address] option:selected');但...

Javascript-jQuery插件,可让用户在div中绘制矩形,但可以在基本设置中使用,但在我的页面中无法实现?

我正在使用此Boxer plugin允许用户在div中绘制矩形.我已经在this jsFiddle中工作了. 但是我无法在this one上运行它,这就是我将如何使用它的方式.我认为可能是因为CSS样式?谁能告诉我为什么它不起作用? 谢谢阅读.解决方法:原因是该插件使用的是jQueryUI 1.7.2,而在第二个示例中,您使用的是jQueryUI 1.8框架,有些东西不兼容,请参阅此文档,了解如何更新该插件以与新框架匹配 http://jqueryui.com/docs/Upgrade_Guide

JavaScript-jQuery筛选出特定元素【代码】

我正在实现手风琴风格的行为,在该行为中一点只能显示一个元素.我认为实现一个show(e)函数要简单一点,该函数需要显示一个元素e并隐藏所有但e元素.它也省去了跟踪正在显示哪个元素的麻烦.我可以将show(e)作为回调附加到手风琴的每个元素上. 为此,我认为唯一的方法是使用.each()遍历所有元素,然后将每个元素与e进行比较,如果不等于e则将其隐藏. 但是,我记得有一个jQuery .filter函数(http://api.jquery.com/filter/),但它仅与元素匹配...

javascript-jQuery小技巧插件.聚焦触发不起作用【代码】

我一直在通过jQuery工具提示插件过滤自己的方式,并发现了棘手的问题.它由GitHub使用,这是我大部分决定的基础.我真的很喜欢它,而且真的很容易使用. 我对此有疑问.我需要工具提示淡入焦点,而不是悬停.目前可以使用,但只能在悬停时使用.这是我当前的代码:$('input.tip').tipsy({trigger: 'focus', gravity: 'w', fade: true});有或没有触发器:“悬停”,都没有区别.我仔细阅读了文档,因此它是正确的代码. 我知道这与HTML / CSS无关.因...

javascript-jQuery pushStack【代码】

我需要一些帮助来了解pushStack 在这里,我举了一个例子,其中使用或不使用它的结果都相同http://jsfiddle.net/Bz5n9/2/,所以我认为我真的没有得到它的作用. 谢谢!解决方法:您当前正在添加到集合中,将已经是结果的新集合推入堆栈(您可以只返回this.add()的结果).这样做不是将堆栈中的.b元素作为新元素推送,而是将包含.b元素和#2< li>的新集合推送到堆栈中.你开始. 相反,您应该直接传递元素(不调用.add()),如下所示:return this.pus...

javascript-jQuery无法找到刚刚添加的html元素【代码】

我有以下html代码:<div id='list'><ul></ul> </div>我有以下jQuery脚本:function append_list(){$('ul').append('<li><input type="image" name="original" value="'+SOMEVALUE+'"></li>'); }function find_input(){//some code to find the just appended input element. }$(document).ready(function(){append_list();console.log($('input'));find_input(); });当我查看浏览器控制台时,console.log的输出只是一个空数组“ []”...

一种使用Javascript和Jquery创建单击并拖动“画布”用户区域的方法?【代码】

我一直在拼凑一个我的项目,关键方面之一是可拖动的“画布”,用户可以在其中创建/销毁/拖放子元素.我在下面创建了一个图: “画布”将用户启动到中间的某个位置,从而允许他们单击并拖动以浏览边缘.内容只能在“可见的画布”窗口中查看. 看到用户创建的元素也将是可拖动的,我正在考虑也许仅在用户按住空格键时才将“画布拖动”限制为……但在此之前,我需要集思广益的方法来帮助完成“画布拖动”. 我想知道是否可以将Jquery UI Dragga...

javascript-jQuery sortable / disableselection问题【代码】

我的jQuery可排序列表出现问题,正在选择文本.我发现了功能disableSelection(),但似乎无法正常工作. 这是js:$('ul#current_projects').sortable({ placeholder: "drop-zone", axis: 'y', handle: 'span.handle', opacity: 0.5, revert: true });$('ul#current_projects').disableSelection();这是HTML:<ul id="current_projects" class="ui-sortable" unselectable="on"><li class="project_42"><div class="command"><span cla...

javascript-关于jQuery source ==在窗口上的问题【代码】

data: function( elem, name, data ) {if ( !jQuery.acceptData( elem ) ) {return;}elem = elem == window ? windowData : elem;直接从jQuery源复制. 为什么使用elem === window不安全? jQuery为什么在窗口对象上使用类型强制? 看来IE中存在top问题top == window // true top === window // false解决方法:有关为什么在IE中使用===再次检查窗口对象的原因,请参见here. 我认为根本原因是IE与Windows OS紧密耦合,因此您通过window...

javascript-jquery-toFixed但不是toFixed【代码】

像下面这样使用toFixed给出:var a=0.5, b=1, c=1.5; console.log(a.toFixed(), b.toFixed(), c.toFixed()); // 0.5 1.0 1.5但是,当它是整数时,我只希望它返回“ 1”. 救命!解决方法:您可以使用正则表达式删除尾随的.0(如果存在):Number.prototype.safe_toFixed = function (x) {var that = this.toFixed(x);return that.replace(/\.0$/, ''); }