Tag: javascript

Jquery .when和多个.load

我希望在完成操作后有一个回调函数，我正在尝试这样的事情： $.when( $(‘#detail1’).load(‘/getInfo.php’), $(‘#detail2’).load(‘/getOther.php’) ).then(function(a,b){ alert(“done”); }); 问题是回调函数在操作完成之前触发。

您编写了哪些有用的自定义jQuery选择器？

对我来说，jQuery最好但尚未充分利用的function之一是自定义选择器 。 我有一个相当简单的例子，挑选出所有空文本框： $(document).ready(function() { $.extend($.expr[‘:’], { textboxEmpty: function(el) { var $el = $(el); return ($el.val() == “”) && ($el.attr(“type”) == “text”); } }); }); 并致电： alert($(“:textboxEmpty”).length); 我真的想知道，如果有其他人有他们写的自定义选择器的一些有用的例子。 当然，我不会对这些陷阱视而不见，并意识到它们可能非常慢，因此应该与其他更快的选择器结合使用。 听听我们是否应该注意其他问题会很有用。

在bootstrap导航栏中添加动态添加的navlinks

我是Bootstrap的新手，似乎无法解决这个问题，我将导航栏用作Bootstrap的javascript标签function，它可以动态添加和删除导航链接，我使用的是图像而不是默认的导航链接，我的问题是，当我添加动态导航链接时，它应该成为活动类并显示其相关内容，此时我必须单击以使其处于活动状态，如果我删除任何导航链接，内容保持不变，有没有办法实现这个function html是： Home 单击此按钮时会添加选项卡： li是使用添加的 var counter = 1; $(‘.plus’).click(function(e) { e.preventDefault(); var li_count = $(‘#nav-tabs’).find(“li.test”).length; if (li_count <= 3) if(counter <= 3){ $('#nav-tabs').append('Home×’); } else { alert(“Only 3 Tabs Allowed!”)}; 标签的内容后面添加类似; 选项卡中的活动类是使用切换的 $(“#nav-tabs”).on(“click”, “a”, function(e) { e.preventDefault(); $(this).tab(‘show’); $(‘li.test’).each(function() { if($(this).hasClass(‘active’)) { //Active class is applied $(this).children().children().closest(“img”).attr(“src”, “https://stackoverflow.com/questions/14907997/show-dynamically-added-navlinks-when-added-in-bootstrap-navbar/assets/img/button_home_selected3.png”); $(this).find(“button”).show(); } else { $(this).children().children().closest(“img”).attr(“src”, “assets/img/button_home_plain2.png”); […]

使用jQuery动态构建HTML表

下面是我用来动态构建HTML表的代码（使用从服务器接收的JSON数据）。 我在加载数据时显示动画的等待（.gif）图形。 但是，当JavaScript函数构建表时，图形会冻结。 起初，我很高兴能够实现这一点（显示表格），我想现在我需要努力提高效率。 至少我需要阻止动画图形冻结。 我可以去静态“加载”显示，但我宁愿让这个方法工作。 我的建议等待显示？ 和效率？ 可能是建立桌子的更好方法？ 或许不是一张桌子，而是一些其他“桌子”就像展示一样 var t = eval( “(” + request + “)” ) ; var myTable = ” ; myTable += ” ; myTable += “” ; myTable += “”; for (var i = 0; i < t.hdrs.length; i++) { myTable += "” + header + “”; } […]

如何为Bar Chart.js v2创建圆角条？

试图在条形图上围绕条形图，如在此post中找到的那样工作，如提供的jsFiddle中所示 。 这是针对版本1的。 在我使用的图表中，无法加载Chart.types.Bar.extend extend引用，导致脚本崩溃。 如果我使用默认选项，图表不会加载任何问题。 我必须将Chart.types.Bar.extend放在最后，以便正确加载默认选项。 在全屏幕中运行并查看此内容。 我尝试使用我的Chart.js 2.4.0版本实现这一点。 Chrome报告： 未捕获的TypeError：无法读取未定义的chart.js的属性“extend” 此代码甚至不会在这里运行。 为什么会这样？ 有人可以帮助我。 此代码适用于旧版本的Chart.js 1.0。 有谁可以请进一步展示如何使用版本Chart.js 2.0？ 谢谢。 $(document).ready(function(){ var myBarChart1 = new Chart($(‘#appBarChart2_NoRound’), { type: ‘bar’, data: dataBar2, options: optionsBar }); var ctx = $(“#appBarChart2”).getContext(“2d”); var myBarChart2 = new Chart(ctx).BarAlt(dataBarAlt2, { // 0 (flat) to 1 (more curvy) curvature: 1 }); }); […]

当页面没有焦点时，javascript动画排队

所以这个滑动动画在页面上查看时效果很好，但是如果我去另一个浏览器标签几分钟并回到这个标签，那就像所有的动画排队一样，当我离开时，一次性运行超高速。 它看起来很可怕……有什么想法吗？ $（document）.ready（function（）{ var timeOuts = new Array(); var currentSlide = 0; var slides = $(‘.banner_images’).length; homeanimation(currentSlide); function homeanimation(i) { if (i == slides) { i = 0; } $(‘.banner_images:eq(‘ + i + ‘)’).css(‘left’, ‘-901px’); $(‘.banner_images:eq(‘ + i + ‘)’).animate({ “left”: “0px” }, 800); $(‘.overlay-content:eq(‘ + i + ‘)’).fadeIn(1500); timeOuts[0] = setTimeout(function() { $(‘.banner_images:eq(‘ + […]

如何使用jQuery将HTML表转换为Javascript对象

我想转换这个HTML表格： 码： Name Age Grade Oscar 23 16.5 Antonio 32 14 Jessica 21 19 ​​​​​​ 使用jQuery进入javascript对象： var tbl = $(‘table#students tr’).map(function() { return $(this).find(‘td’).map(function() { return $(this).text(); }).get(); }).get(); 上面的代码将输出以下数组： [“Oscar”, “23”, “16.5”, “Antonio”, “32”, “14”, “Jessica”, “21”, “19”] 此时一切都很好，但如果我希望数组中的javascript对象具有以下结构，我该怎么办： [{id:1, name: “Oscar”, age: 23, grade: 16.5}, {id:2, name: “Antonio”, age: 32, grade: 14}, {id:3, […]

通过jquery ajax post下载文件

我正在尝试导出我的网页数据并将其下载为excel文件。 但即使响应返回成功，下载也不会启动。 $.ajax({ type: “POST”, url: _url, contentType: ‘multipart/form-data;boundary=SzB12x’, data: json, }); responseText是这样的： PK J; F xl / theme /theme1.xml YOo 6 ，[r n;v i ＃- kJH： oC{0X7 2 mZ d u@ (٦b:M {| ^ 0t@ *“w $ ！0I [ n i ‘ iH g ， | J ！ hRh h ？r＆ L ߶S v@ […]

在jQuery中使用参数调用JSF托管bean方法

我正在使用JSF来构建一个站点。 我在我的主页上包含了jQuery Gritter（Growl）通知。 是否可以在$.gritter.add函数的before_close:中调用托管bean方法？ 我想要使​​用的代码如下： /* */

在弯曲的路径中移动div（就像过去在Flash中的补间一样）？

我想构建一个类似的函数 fromHeretoThere(x1,y1,x2,y2){ //…. } 这样我就可以将 或图像从HTML页面上的一个点移动到曲线中的另一个点。 这只能使用Canvas吗？ HTML5？ 任何插件/脚本哟建议？