Tag: javascript

如何使用jQuery在点击和鼠标hover上制作可滚动的div滚动

使用下面的标记,当我单击或将鼠标hover在“#scrollUp”或“#scrollDown”锚标记上时,如何向上或向下滚动“#content”div。 滚动应该是平滑的。 如果点击它应滚动特定数量(对于触摸设备)如果鼠标hover它可以滚动直到mouseout。 #content { overflow:auto; height: 50px; /*could be whatever*/ } up down some content here some content here some content here some content here some content here some content here

jQuery UI滑块 – 无法滑动到0

jQuery 1.3.2 / jQueryUI 1.7 / Slider $(“#slider”).slider({ range: “min”, min: 0, max: 40, value: 0, slide: function(event, ui) { CalculateOrder(event, ui); } }); 它开始就好了,但是在我移动滑块后我无法将其恢复为0,ui.Value为1时我将它一直滑到左边。 我试过设定 min:-1 当我将它滑动到-1时,这会将ui.Value设置为-1,但是当我为0时,ui.Value仍为1。 有任何想法吗?

如何一次滚动绘制每个SVG路径(按时间顺序)?

这与此前的post有关。 但是,我认为这是一项重大任务。 所以我把它分解成更小的块。 我制作了一个简单的SVG图像,其中包含一个“路径”和一个“矩形”元素。 用户可以通过向上和向下滚动页面来打开和关闭窗口(向下滚动页面以打开和关闭页面以关闭/“展开”。但是,两个元素同时“绘制”/动画。我想要做的是当用户向下滚动页面,线条路径绘制,然后“rect”元素绘制(后),所以它更流畅和按时间顺序。 the single line svg { position: fixed; margin: auto; top: 0; left: 0; right: 0; bottom: 0; width: 50%; } /*.line{ stroke-dashoffset:850; stroke-dasharray: 850; } .box { stroke-dashoffset:1852; stroke-dasharray: 1852; }*/ .all{ stroke-dashoffset:2702; stroke-dasharray: 2702; } .straightLine { height: 3000px; position: relative; width: 360px; margin: 40vh auto 0 auto; } […]

如果选中复选框,则显示/隐藏div

如果选中最小值1,我需要一个带复选框和可见div的页面。 在这里,我得到一个页面,如果我选中复选框,div将显示。 没关系,工作正常。 当我检查3个复选框并取消选中1时,div缺失,当我再次检查某个框时,div将显示 – 它不正确。 如果选中至少1个复选框,我如何修改脚本以显示div的所有时间,而不是“跳转”? CB Hide/Show This JavaScript shows how to hide divisions i am here! Show Hide Checkbox Show Hide Checkbox Show Hide Checkbox Show Hide Checkbox Show Hide Checkbox Show Hide Checkbox Show Hide Checkbox Show Hide Checkbox Show Hide Checkbox Show Hide Checkbox Show Hide Checkbox Show Hide Checkbox

用于jquery的AM PM时间格式的正则表达式

我被一个正则表达式掩盖输入字段感到沮丧。 我想将输入限制为hh:mm AM | PM格式,我无法使这个正则表达式工作。 我将此正则表达式与来自www.ThimbleOpenSource.com的jquery工具结合使用。 它是filter_input.js工具或其他什么。 它似乎适用于一个简单的正则表达式,但我想出的那个似乎不起作用。 这是我下面的jsFiddle测试链接。 的jsfiddle

为什么一些JavaScript开发人员使用setTimeout一毫秒?

我在使用jQuery插件tablesorter时遇到问题而且我无法调用触发器两次。 例如,这不起作用: this._$table.trigger(‘update’); this._$table.trigger(‘sorton’, [[[1,1]]]); 但这有效: this._$table.trigger(‘update’); setTimeout($.proxy(function() { this._$table.trigger(‘sorton’, [[[1,1]]]); }, this), 1); 然后我看到问题出现在触发器’update’中,它用body调用方法: function () { var me = this; setTimeout(function () { // rebuild parsers. me.config.parsers = buildParserCache( me, $headers); // rebuild the cache map cache = buildCache(me); }, 1); } 为什么tablesorter开发人员使用setTimeout一毫秒?

如何定期更新Ember的模型(例如在setInterval中)?

我有一个Ember应用程序,其模型来自Ajax调用。 第一个调用工作得很好,我有Ember.Route的模型钩子返回一个Ajax调用的promise,它检索要显示的数据。 但是这个数据在后端经常发生变化,我想让webapp定期轮询服务器,比如每5秒轮询一次,然后更新或甚至更好地将模型数据与新检索的数据完全交换。 用Ember.js做这件事的合适方法是什么? 我是Ember的新手,所以我对此感到有些失落。

jQuery工具替代品?

我正在为我的大多数网站使用jQuery Tools ,但它似乎停止了开发。 我别无选择,只能寻找与jQuery Tools相当的个人jQuery插件。 我正在寻找有关最佳替代方案的建议: jQuery Tools 选项卡+ Toolbox.History jQuery Tools Overlay + Toolbox.Expose jQuery工具工具提示 jQuery工具validation器 谢谢。

JQuery map vs Javascript map vs For-loop

我正在实现一些自然适合地图的代码。 但是,我在列表中有大量的对象,我将要迭代,所以我的问题是哪个是最好的方法: var stuff = $.map(listOfMyObjects, someFunction()) var stuff = listOfMyObjects.map(someFunction()) 要不就 var stuff = new Array(); for(var i = 0; i < listOfmyObjects.length; i++){ stuff.push(someFunction(listOfMyObjects[i])); }

jQuery跨域POST shenanigans

我正在尝试对API进行身份validation,该API仅允许您使用带有JSON的POST作为表单数据进行身份validation,格式为{“username”:“myusername”,“password”:“mypassword”}。 我已经尝试了两天来使用jQuery,但我遇到了问题,因为它是跨域的。 我怎么能做到这一点? 错误信息: Request Method:OPTIONS Status Code:405 METHOD NOT ALLOWED 代码到现在为止: var username = “myusername”; var password = “mypass” var authurl = “https://myurl”; $.ajax ({ type: “POST”, url: authurl, dataType: ‘json’, contentType: “application/json; charset=utf-8”, async: false, data: {‘json’:'{“username”:”‘ + username + ‘”, “password”:”‘ + password + ‘”}’}, success: function (result) { $(‘#json’).html(result); } }) […]