Tag: javascript

多排序多维数组

var availableTags = [ {value:”fruit”,desc:”fruit”,groupId:2,userId:4}, {value:”aGan”,desc:”normal user”,groupId:4,userId:5}, {value:”father’s home “,desc:”normal user”,groupId:2,userId:4} ].sort(function(a, b) { return a.groupId > b.groupId; }); 这是按groupId字段排序,但我如何按groupId和value排序?

在特定元素之后获取具有特定类的下一个元素

我有这样的HTML标记: Arrive Depart Arrive Depart 我希望从日期之后获取下一个元素以获得相应的日期。 (布局稍微复杂一点,但是从日期开始,从日期开始,到日期已经到了日期类)。 这是我想要做的,我想从date元素中获取并使用to-date类在dom中找到下一个元素。 我试过这个: $(‘#from-date1’).next(‘.to-date’) 但它给了我空的jQuery元素。 我认为这是因为next给出了与选择器匹配的下一个兄弟。 我怎样才能获得相应to-date ?

使用Scrollbars的Jquery Fancybox可拖动问题

我正在使用带有插件jquery.easydrag.js的fancybox。 这样做的原因是能够拖动花式框。 它似乎工作正常,但问题来自于fancybox有滚动条。 即,例如,当单击提交而不输入任何字段时,屏幕上的valdidation会导致滚动条。 这是正常的,但滚动条会导致可拖动function出现各种问题,因此当我尝试上下滚动滚动条时,它实际上会移动整个窗口。 因此,似乎对于可以移动哪些内容以及如何处理滚动条感到困惑。 claimLink.fancybox({ ‘width’: 500, ‘height’: 590, ‘autoDimensions’: false, ‘onCleanup’: function (e) { var modelClaimFormId = $j(e).attr(“href”).replace(“body”, “”); var modalClaimForm = $j(modelClaimFormId); if (!($j(modalClaimForm).valid())) { $j(claimForm).remove(); $j(e).parents(“tr”).remove(); } } }); $j(“#fancybox-wrap”).easydrag(true); 编辑: 我设法添加输入和textareas的东西忽略滚动看到下面…只是想知道我可以为滚动条做什么。 $j(“#fancybox-wrap”).easydrag(true); $j(“#fancybox-wrap input,textarea”).click(function(){ $j(“#fancybox-wrap”).dragOff(); }); $j(“#fancybox-wrap input,textarea”).mouseover(function () { $j(“#fancybox-wrap”).dragOff(); }); $j(“#fancybox-wrap input,textarea”).blur(function () { $j(“#fancybox-wrap”).dragOn(); }); $j(“#fancybox-wrap […]

输入时提交jQuery / AJAX登录表单

我有一个相当简单的登录表单,使用jQuery AJAX请求提交。 目前,提交它的唯一方法是按“登录”按钮,但我希​​望能够在用户按“Enter”时提交表单。 我只使用jQuery AJAX请求完成表单提交,但我不确定我需要做什么修改才能在用户按下“Enter”时提交表单。 HTML: Username Password Login JavaScript的: $(document).ready(function() { $(‘#login’).click(function() { $.ajax({ type: “POST”, url: ‘admin/login.php’, data: { username: $(“#username”).val(), password: $(“#password”).val() }, success: function(data) { if (data === ‘Correct’) { window.location.replace(‘admin/admin.php’); } else { alert(data); } } }); }); }); 摘自login.php: $stmt = $pdo->prepare(“SELECT * FROM users WHERE username = :username […]

出错时摇一个登录表单

我已经使用ajax成功构建了一个登录表单,并希望在用户输入错误的详细信息时为表单添加一个摇动效果。 我有适当的function,但只需要构建jquery效果(注意我知道jquery UI,但不想使用它!我不想使用任何插件) 到目前为止我有: function shakeForm() { var p = new Array(15, 30, 15, 0, -15, -30, -15, 0); p = p.concat(p.concat(p)); $(‘form’).css(‘left’,p); } 根据我的理解,我需要循环值数组,但我该怎么做? 请注意,元素表单已经具有相对位置。 那么这只是将这些值作为随机序列中的左值运行的情况? 谢谢

Jquery FullCalendar 2周查看下一个上一个按钮

我已经实现了这里概述的2周视图,我想知道是否有人可以告诉我如何/在哪里更改prev / next按钮将日历仅移动2周而不是下个月? 不确定在哪里更新fullcalendar.js。

多个选项卡LocalStorage单用户用例

我目前有一个SaaS B2B产品,如果它不在VPN背后,我很乐意展示它。 但案例是,它构建在Zend Framework之上,它使用Zend的会话处理。 这就是说,我的用户最近决定,最近对UI的各个端点进行了改进,他们希望同时在多个选项卡上使用服务,这当前不是当前支持的,而是希望继续改进。 我必须满足要求。 那就是说。 有了这一项服务,我一直用cookie来管理数据,因为页面可以重新加载,并且UI分别重新呈现以匹配重新加载的UI(重新加载由iFrame中的内容触发,因为我们不能从框架内传达父母子女。 然而,现在我的用户坚持在多个标签上尝试相同的操作以节省时间,这打破了UI,因为cookie没有任何形状或带有ID标记的表单,我甚至不知道如何暗示,因为我不一定能跟踪标签。 所以我知道我会给本地存储一个机会。 但是,我仍然不确定如何在多个选项卡上处理单个用户以防止在不同选项卡上使用UI数据,如果页面在给定时间刷新(可能会丢失localstorage中的数据),则更是如此? 所以我想弄清楚这一切。 如何在一个或多个选项卡中管理此单个用户,而没有一个选项卡数据干扰其他选项卡数据,因为操作和ui都包含在同一个域中。 (这会澄清什么更好吗?)

flot jquery是否可以绘制这种图表

我曾经绘制过这种图表(一个垂直轴,一个水平轴): 现在我被要求做这种图表: 如您所见,它包含的有序图表存在问题(两个垂直轴,一个水平轴)。 我的问题 flot或任何其他jquery库能够做到吗?

日期function在IE8中不起作用

我有以下在Chrome中正常工作: function funLoad(str1,str3,str4) { var dym1 = str1.split(“/”); var d=new Date(); var dym2 = d.getMonth() + 1 + ” ” + d.getDate() + ” ” + d.getFullYear() + ” ” + d.getHours() + “:” + d.getMinutes() + “:00”; //var dym2 = “6 10 2013 09:00:00″; var start = Date.parse(dym1[1] + ” ” + dym1[0] + […]

拖放不能在Firefox中工作

我已经在JQuery和html5中实现了拖放function,它在chrome中工作得很好,但在Firefox中保留以下是我的代码,我警告丢弃图像的ID,在Firefox中显示为未定义,以下是我的代码,请帮忙。 jsfiddle: http : //jsfiddle.net/rajutikale/2R6p8/ 视图: <a href="#?w=976" rel="popup1" id="content_id?>” class=”poplight album_photos”><img id="content_id?>” draggable=”true” ondragstart=”drag(event)” ondragover=”allowDrop(event)” alt=”” src=””> <input type="hidden" id="content_id?>” value=”wall_id?>” /> <input type="hidden" id="content_id?>” value=”content_type?>” /> <input type="hidden" id="content_id?>” value=”” /> <img id="dropzon_image"src="https://stackoverflow.com/questions/18269677/drag-and-drop-not-working-in-firefox/babbler_btn.jpg” alt=”” border=”0″ style=”cursor: pointer; cursor: hand; “/> <img id="drop_image" src="https://stackoverflow.com/questions/18269677/drag-and-drop-not-working-in-firefox/drop_image.jpg” alt=”” border=”1″ style=”cursor: pointer; cursor: hand; ” /> JS: function […]