Tag: javascript

如果CSS3过渡不存在,使用Modernizr和jQuery来动画

如果不支持CSS3,有没有办法使用Modernizr和jQuery的组合来启用类似于转换的东西? 我现在正在做的就是这样…… This div changes both width and height on hover CSS是 .hoverable { height: 100px; width: 2000px; transition: height .5s, width .5s; } .hoverable:hover { height: 200px; width: 100px; } 如果不支持CSS3转换,我现在只使用Modernizr来使div默认处于hover状态。 如果不支持CSS3,有没有办法使用Modernizr来触发jQuery动画? 如果不是jQuery,那么我也可以使用自定义动画,但我真的不知道如何做。

如何用回调编写jQuery函数?

我有以下function: function loadProjects(pID) { $.ajax({ url: myURL, success: function (dataJS) {XXXXXXXXXXXXXXXX} }); } 我把这个函数称为loadProjects(1); 问题是我希望能够在成功之后定义一个callBack函数,并且我想在我执行loadProjects时包含它(1,回调:{此处包含的任何js在成功后被回调}) 如何让函数接受回调? 如何将回调传递给该函数? 谢谢

Twitter bootstrap typeahead自定义按键ENTERfunction

我在我正在制作的Django网站上使用Twitter bootstrap。 我有一个页面,用户可以在配有bootstrap typeahead的文本输入中输入他们的所有技术技能。 我正在尝试访问下拉菜单中当前所选内的文本,这样当按下ENTER并在下拉列表中突出显示一个元素时,它将获取该值并将其显示在输入文本字段下方。 然后清除输入文本字段,用户可以搜索其他技能。 $(document).keyup(function(event) { if (event.keyCode == 13) { if ($(‘.dropdown-menu’).css(‘display’) != ‘none’){ var newskill = $(“.dropdown-menu > li.active”).val(); alert(‘Yay’); } else{ var newskill = $(“#enterbox”).val(); alert(‘Boo’); } return false; } }); 如果下拉列表可见,则输入按键function将获取下拉列表的当前活动元素并将其粘贴到文本框中(内置于Bootstrap中)。 没有警报框显示。 知道如何在发生这种情况之前让我的函数触发,即在Bootstrap的函数启动之前?

jQuery如何保护覆盖jQuery和$

这些变量位于jQuery源中定义jQuery的本地副本之后。 // Map over jQuery in case of overwrite _jQuery = window.jQuery // Map over the $ in case of overwrite _$ = window.$ 人们可以阅读评论并知道原因……但是 这些代码行如何做到这一点? 添加类似的东西会保护我的个人命名空间还是更深层次的源代码? 如果不在源代码中,可能会发生什么坏事?

FitText.js的非jQuery替代品?

我正在做一个小项目,我需要做的最后一件事就是创建一个很好的响应标题。 我找到了FitText.js ,这似乎是我喜欢的东西,也是我需要的东西。 唯一的问题是这个插件使用jQuery,我根本没有在项目中使用jQuery,也不想只使用一个小插件。 你有没有听过或使用类似的FitText.js插件,除了它不需要jQuery?

Jvector映射如何添加和从标记获取链接

我试图从标记数组中获取数据并在onmarkerclick函数上调用它,这样我可以在点击标记后转到URL,我尝试的所有内容似乎都失败了。 我希望在标记数组中添加一个URL并将其返回到onmarkerclick。 感谢您的高级帮助: $(function(){ $(‘#map1’).vectorMap({ map: ‘world_mill_en’, scale: [‘#C8EEFF’, ‘#0071A4’], normalizeFunction: ‘polynomial’, hoverOpacity: 0.7, hoverColor: false, markerStyle: { initial: { fill: ‘#F8E23B’, stroke: ‘#383f47’ } }, backgroundColor: ‘#383f47’, markers: [{latLng: [48.921537, -66.829834], name: “something”, weburl : “/blah/foo” },{latLng: [45.995944, -64.171143], name: “something else”, weburl : “/blah/foo” },], onMarkerClick: function(events, label, index, weburl) { alert (1+weburl); […]

对象数组按元素分组?

请看这个例子: JsFiddle 问题:我有以下JSON Array y= [ {“LngTrend”:15,”DblValue”:10,”DtmStamp”:1358226000000}, {“LngTrend”:16,”DblValue”:92,”DtmStamp”:1358226000000}, {“LngTrend”:17,”DblValue”:45,”DtmStamp”:1358226000000}, {“LngTrend”:18,”DblValue”:87,”DtmStamp”:1358226000000}, {“LngTrend”:15,”DblValue”:10,”DtmStamp”:1358226060000}, {“LngTrend”:16,”DblValue”:87,”DtmStamp”:1358226060000}, {“LngTrend”:17,”DblValue”:45,”DtmStamp”:1358226060000}, {“LngTrend”:18,”DblValue”:92,”DtmStamp”:1358226060000} ] 我试图通过DtmStamp对这些对象进行DtmStamp最终得到类似这样的东西: x = [[1358226000000,10,92,45,87],[1358226060000,10,87,45,92], …….] 换一种说法: x[0][0] = y[0].DtmStamp ; x[0][1] = y[0].LngTrend ; x[0][2] = y[1].LngTrend ; x[0][3] = y[2].LngTrend ; x[0][4] = y[3].LngTrend ; 不幸的是,它以我不想要的东西结束。 这是我到目前为止所尝试的: var dataTrendArray = []; $.each(x, function (index, value) { var trendArray = […]

这是一个有效的测试,用于检查URL是否引用JS / jQuery中的Image

$(function() { $(“”, { src: “http://goo.gl/GWtGo”, error: function() { alert(“error!”); }, load: function() { alert(“ok”); } }); }); 从如何测试URL是否是有效图像(在javascript中)获得灵感? UPDATE 下一步将是:如何将此逻辑封装到函数中。 我试过这个 – > http://jsfiddle.net/wp7Ed/2/ $(function() { function IsValidImageUrl(url) { $(“”, { src: url, error: function() { return false; }, load: function() { return true; } }); } alert(IsValidImageUrl(“http://goo.gl/GWtGo”)); alert(IsValidImageUrl(“http://error”)); }); 但当然它失败了……我如何从内部事件处理程序返回? 或者我该如何实现呢?

如何在客户端浏览器中执行类似SQL的查询?

我一直在寻找一种方法来执行复杂的查询,比如SQL可以执行,但完全是客户端。 我知道我可以通过服务器上的SQL查询得到我想要的确切结果,我甚至可以使用它来使它看起来很流畅。 但是,出于可扩展性,性能和带宽的原因,我宁愿在所有客户端执行此操作。 一些要求: 广泛的浏览器兼容 任何可以运行jQuery的东西都很好。 我其实更喜欢它是一个jQuery插件。 可以对多个列进行排序。 例如,按字母顺序排序,并在每个州内按字母顺序列出所有城市。 可以过滤结果。 例如,相当于“where state =’CA’或’NY’或’TX’”。 必须完全在客户端工作,因此用户只需要下载一大组数据,并且可以根据需要剪切数据而无需不断地从服务器获取数据,并且实际上能够在初始拉取后离线执行所有查询。 我查看了stackoverflow并找到了jslinq,但它最后一次更新是在2009年,没有文档。 我也无法判断它是否可以执行更复杂的查询,例如在两个不同的列上进行排序或执行“和”或“或”过滤。 我认为这样的事情已经完成了。 我知道HTML5从这条路开始,但后来遇到了障碍。 我只需要基本的查询,没有连接或任何东西。 有谁知道可以做到这一点的事情? 谢谢。 编辑:我想我应该包括一个用例来帮助澄清我正在寻找的东西。 例如,我列出了美国5000个最大的城市。 每条记录包括城市名称,州和人口。 我希望能够下载整个数据集一次并使用它填充JS数组,然后,仅在客户端,能够运行如下的查询,并从结果记录中创建一个表。 加州十大城市 所有以“S”开头且人口为1,000,000或以上的城市。 加利福尼亚州,纽约州,佛罗里达州,德克萨斯州和伊利诺伊州最大的三个城市,按州和按人口按字母顺序排列。 即加州,洛杉矶,3,792,621; 加州,圣地亚哥,1,307,402; 加州,圣何塞,945,942等。 所有这些查询都可以通过SQL完成,但我不想继续往返于服务器,我也想允许离线使用。

Chosen.js并validationjquery

我正在使用validate.jquery.js:工作正常。 但是当我添加selected.js时,对选择下拉列表的validation不再有效。 这是JS我正在使用http://pastebin.com/S9AaxdEN 这是我的选择forms: VTT Autre type de vélo 不知道为什么choose.js禁用validation,任何想法?