Tag: JavaScript

触发附加元素的CSS转换

正如这个问题所观察到的那样,在新添加的元素上直接的CSS转换被忽略了 – 转换的最终状态立即被渲染。 例如,给定这个CSS(前缀在这里省略): .box { opacity: 0; transition: all 2s; background-color: red; height: 100px; width: 100px; } .box.in { opacity: 1; } 这个元素的不透明度将被立即设置为1: // Does not animate var $a = $('<div>') .addClass('box a') .appendTo('#wrapper'); $a.addClass('in'); 我已经看到几种触发转换的方法来获得预期的行为: // Does animate var $b = $('<div>') .addClass('box b') .appendTo('#wrapper'); setTimeout(function() { $('.b').addClass('in'); },0); // Does animate var […]

如何让Google Maps API为一个国家设置正确的缩放级别?

有没有根据地图的中心大小自动设置缩放级别? maps.google.com正是我所需要的,所以,例如,如果我search俄罗斯,我会得到一个缩放级别,使俄罗斯适合在屏幕上,当我search古巴时,我得到一个更高的缩放级别,以便古巴只是适合。 是否有某种方法可以将Maps Api设置为国家/地区,并获得适当的缩放级别。 如果没有,我想我将不得不手动(唉!)创build我自己的表的这个信息。 或者这个信息是免费提供的?

使用javascript将用户types转换为大写

我想将小写字母转换为大写,因为用户使用javascript键入。 任何build议,欢迎。 我已经尝试了以下内容: $("#textbox").live('keypress', function (e) { if (e.which >= 97 && e.which <= 122) { var newKey = e.which – 32; // I have tried setting those e.keyCode = newKey; e.charCode = newKey; } });

Howto:与onclick javascript内的另一个div内的onclick

只是一个简单的问题。 我有一个问题与互相之间的onclick JavaScript的div。 当我点击内部div它应该只火了onclick的JavaScript,但外部div的JavaScript也被解雇。 如何在不触发外部div的javascript的情况下点击内部div? <html> <body> <div onclick="alert('outer');" style="width:300px;height:300px;background-color:green;padding:5px;">outer div <div onclick="alert('inner');" style="width:200px;height:200px;background-color:white;" />inner div</div> </div> </div> </body> </html>

在jQuery中创build一个CSS类

我相信jQuery中的.addClass()函数将CSS类附加到当前的select,但我想知道我可以在jQuery中创build或定义一个CSS类,然后附加它?

如何将联想项目推入到数组中的JavaScript?

请更正此代码: var arr = []; var name = "name"; var val = 2; arr.push(val); //works , but not associative arr[name] = val; //does not work console.log(arr);​ 的jsfiddle

获取具有特定CSS类的HTML文档中的所有元素

什么是最好的方式来获得一个具有特定的CSS类使用JavaScript的HTML文档中的所有元素的数组? 现在没有像jQuery这样的javascript框架,我可以循环所有的元素,并自己手动检查它们。 我希望有一些更优雅的东西。

在javascript中删除string中的空格

我已经阅读了关于JavaScript修剪的这个问题 ,用正则expression式的答案。 然后我期望修剪移除Hello和World之间的内部空间。 function myFunction() { alert("Hello World ".trim()); } EDITED 为什么我期待? 废话! 显然,修剪并不能去除内部空间!只有先行和后面的内容才是修剪的作用,那么这是一个非常错误的问题,我的道歉。

Express.js – 如何检查头是否已经发送?

我正在写一个可能会设置标题的库。 如果头已经发送,我想给自定义的错误信息,而不是让它失败,由Node.js.发出的“无法设置标头后发送”消息。 那么如何检查头文件是否已经发送?

Chrome开发者工具不再显示所有的JavaScript文件

并不是所有的JavaScript文件都可以在Chorme Developer工具中看到。 谷歌浏览器是最新的。 版本44.0.2403.130 m应用程序的debugging版本。 脚本在头上。 <script src="/Scripts/jquery-ui-1.8.24.js"></script> <script src="/Scripts/jquery.validate.js"></script> … <script src="/Client/Statics/GuiContainers.js"></script> <script src="/Client/ClientDAL.js"></script> <script src="/Client/ClientLayoutUpdater.js"></script> <script src="/Client/ClientRenderer.js"></script> <script src="/Client/ControllerLocator.js"></script> Chrome开发者工具的localhost / Scripts / *path下Sources菜单下的第一部分脚本是可见的。 从昨天开始,脚本的第二部分是不可见的。 开发者工具有什么问题? 在JavaScript控制台中没有错误。 我可以在networking标签中看到成功的JavaScript文件请求。 所有的JavaScript被加载。 申请工作正常。 开发者工具有什么问题? 有没有人有一个想法? 如果我添加本地主机“文件夹”的工作区,一切都是可见的,甚至服务器端源文件。