Tag: JavaScript

避免点击里面的下拉菜单closures

我有一个Twitter的Bootstrap下拉菜单。 正如所有Twitter Bootstrap用户所知道的，下拉菜单在点击时closures（甚至在其内部点击）。 为了避免这种情况，我可以轻松地在下拉菜单上附加一个点击事件处理程序，并简单地添加着名的event.stopPropagation() 。 <ul class="nav navbar-nav"> <li class="dropdown mega-dropdown"> <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-list-alt"></i> Menu item 1 <span class="fa fa-chevron-down pull-right"></span> </a> <ul class="dropdown-menu mega-dropdown-menu"> <li> <div id="carousel" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-slide-to="0" data-target="#carousel"></li> <li class="active" data-slide-to="1" data-target="#carousel"></li> </ol> <div class="carousel-inner"> <div class="item"> <img alt="" class="img-rounded" src="img1.jpg"> </div> <div […]

使用HTML5历史API的好教程（Pushstate？）

我正在研究如何使用HTML5 History API来解决AJAX加载内容的深层链接问题，但是我正在努力实现。 有没有人知道有什么好的资源？ 我想用这个，因为它似乎是一个很好的方式来允许那些被发送的链接可能没有JS打开的可能性。 当有人用JS发送一个链接给某人时，许多解决scheme失败。 我最初的研究似乎指向JS中的History API和pushState方法。 http://html5demos.com/history

键盘快捷键与jQuery

如果有人按下字母g，我怎么能连线一个事件？ （所有字母的字符映射在哪里？）

如何将设置转换为数组？

设置似乎是一个很好的方式来创build具有保证独特元素的数组，但它并没有公开任何好的方法来获取属性，除了generator [Set] .values，这是以一种尴尬的方式调用mySet.values.next() 。 如果你可以在集合上调用map和类似的函数，这将是可以的。 但是你也做不到。 我已经尝试了Array.from ，但似乎只将数组（像NodeList和TypedArrays？）对象转换为数组。 另一个尝试： Object.keys不能用于集合，并且Set.prototype没有类似的静态方法。 所以，问题： 是否有任何方便的内置方法创build一个给定的值的数组？ （元素的顺序并不重要）。 如果没有这样的select，那么也许有一个很好的惯用的单线程来做到这一点？ 喜欢， for…of或类似的？

React JSX：在所选的<select>选项上select“selected”

在<select>菜单的React组件中，我需要在反映应用程序状态的选项上设置selected属性。 在render() ， optionState从状态所有者传递给SortMenu组件。 选项值作为JSON的props传入。 render: function() { var options = [], optionState = this.props.optionState; this.props.options.forEach(function(option) { var selected = (optionState === option.value) ? ' selected' : ''; options.push( <option value={option.value}{selected}>{option.label}</option> ); }); // pass {options} to the select menu jsx 但是，这会触发JSX编译时的语法错误。 这样做摆脱了语法错误，但显然不能解决问题： var selected = (optionState === option.value) ? 'selected' : 'false'; <option value={option.value} […]

JavaScript睡眠/等待继续之前

我有一个JavaScript代码，我需要添加睡眠/等待function。 我正在运行的代码已经在一个函数中，例如： function myFunction(time) { alert('time starts now'); //code to make the program wait before continuing alert('time is up') } 我听说可能的解决scheme可能包括 setTimeout 但是我不确定如何在这种情况下使用它。 我不能使用PHP，因为我的服务器不支持它，尽pipe使用jQuery会很好。

如何使用jQuery在Safari浏览器中识别touch事件？ 可能吗？

是否有可能使用jQuery识别iPad的Safari浏览器上的触摸事件？ 我在web应用程序中使用了mouseOver和mouseOut事件。 有没有像iPad的Safari浏览器类似的事件，因为没有像mouseOut，mouseMove事件？

基于原型与基于类的inheritance

在JavaScript中，每个对象同时是一个实例和一个类。 要进行inheritance，可以使用任何对象实例作为原型。 在Python，C ++等中，有一些类和实例是独立的概念。 为了做inheritance，你必须使用基类创build一个新的类，然后可以用它来产生派生实例。 为什么JavaScript会朝这个方向发展（基于原型的面向对象）？ 基于原型的面向对象的传统的基于类的面向对象的优点（和缺点）是什么？

如何使用twitter bootstrap 3隐藏元素并使用jQuery显示它？

使用 Twitter Bootstrap 3和jQuery 2.0.3 HTML： <div id="my-div" class="hide">Hello, TB3</div> 使用Javascript： $(function(){ $("#my-div").show(); }); 结果： 看不见我的div <div id="my-div" class="hide" style="display: block;">Hello, TB3</div> 原因： .hide { display: none !important; } bootstrap.min.js，第9行 题： 使用Bootstrap3隐藏元素并使用jQuery显示它的最简单方法是什么？

如何知道一个string开始/结束jQuery中的特定string？

我想知道一个string是以指定的字符/string开头还是以jQuery结尾。 例如： var str = 'Hello World'; if( str starts with 'Hello' ) { alert('true'); } else { alert('false'); } if( str ends with 'World' ) { alert('true'); } else { alert('false'); } 如果没有任何function，那么可以select吗？