Questions tagged «javascript»

有关在ECMAScript（JavaScript / JS）及其各种方言/实现（不包括ActionScript）中进行编程的问题。此标记很少单独使用，但最常与标记[node.js]，[jquery]，[json]和[html]关联。

14
使用jQuery检测用户何时滚动到div的底部
我有一个div框（称为“通量”），里面包含可变数量的内容。此divbox的溢出设置为auto。 现在，我想做的是，当使用滚动到此DIV框的底部时，将更多内容加载到页面中，我知道如何执行此操作（加载内容），但我不知道如何检测用户何时滚动到div标签的底部？如果我想在整个页面上都这样做，我会选择.scrollTop并将其从.height中减去。 但我似乎无法在这里这样做？ 我试过从磁通量中获取.scrollTop，然后将所有内容包装在称为inner的div中，但是如果我将磁通量的innerHeight返回564px（div的高度设置为500）和“ innner”的高度当div底部显示564时，它返回1064和滚动顶部。 我能做什么？
218 javascript  jquery 
5
URL在jQuery中为AJAX请求编码字符串
我正在我的应用程序中实现Google的即时搜索。我想在用户输入文本输入时触发HTTP请求。我遇到的唯一问题是，当用户到达名字和姓氏之间的空格时，该空格未编码为+，从而破坏了搜索。如何用替换空格+，或者仅安全地对字符串进行URL编码？ $("#search").keypress(function(){ var query = "{% url accounts.views.instasearch %}?q=" + $('#tags').val(); var options = {}; $("#results").html(ajax_load).load(query); });
217 javascript  jquery  ajax  http 
6
使用ng-class的AngularJS切换类
我正在尝试使用切换元素的类 ng-class <button class="btn"> <i ng-class="{(isAutoScroll()) ? 'icon-autoscroll' : 'icon-autoscroll-disabled'}"></i> </button> isAutoScroll（）： $scope.isAutoScroll = function() { $scope.autoScroll = ($scope.autoScroll) ? false : true; return $scope.autoScroll; } 基本上，如果$scope.autoScroll为true，我希望ng-class是icon-autoscroll，如果为false，我希望它为icon-autoscroll-disabled 我现在无法使用，并且在控制台中产生此错误 Error: Lexer Error: Unexpected next character at columns 18-18 [?] in expression [{(isAutoScroll()) ? 'icon-autoscroll' : 'icon-autoscroll-disabled'}]. 如何正确执行此操作？ 编辑 解决方案1 ​​：（已过时） <button …
10
单击表单中的按钮会导致页面刷新
我在Angular中有一个表单，其中有两个按钮标签。一键提交表单ng-click。另一个按钮仅用于使用进行导航ng-click。但是，当单击第二个按钮时，AngularJS会导致页面刷新，从而触发404。我在函数中删除了一个断点，并触发了我的函数。如果我执行以下任何操作，它将停止： 如果删除ng-click，该按钮不会导致页面刷新。 如果我注释掉函数中的代码，则不会刷新页面。 如果我使用将按钮标签更改为锚标签（<a>）href=""，则不会刷新。 后者似乎是最简单的解决方法，但是为什么AngularJS甚至在导致页面重新加载的函数之后运行任何代码？好像是个错误。 形式如下： <form class="form-horizontal" name="myProfile" ng-switch-when="profile"> <fieldset> <div class="control-group"> <label class="control-label" for="passwordButton">Password</label> <div class="controls"> <button id="passwordButton" class="secondaryButton" ng-click="showChangePassword()">Change</button> </div> </div> <div class="buttonBar"> <button id="saveProfileButton" class="primaryButton" ng-click="saveUser()">Save</button> </div> </fieldset> </form> 这是控制器方法： $scope.showChangePassword = function() { $scope.selectedLink = "changePassword"; };
12
如何在JavaScript中找到匹配布尔条件的数组的第一个元素？
我想知道是否有一种已知的，内置的/优雅的方法来找到匹配给定条件的JS数组的第一个元素。AC＃等效项为List.Find。 到目前为止，我一直在使用这样的两功能组合： // Returns the first element of an array that satisfies given predicate Array.prototype.findFirst = function (predicateCallback) { if (typeof predicateCallback !== 'function') { return undefined; } for (var i = 0; i < arr.length; i++) { if (i in this && predicateCallback(this[i])) return this[i]; } return undefined; }; …
217 javascript  arrays 
5
考虑将事件处理程序标记为“被动”，以使页面更具响应性
我正在用锤子拖动，加载其他东西时它变得不稳，因为此警告消息告诉我。 由于主线程繁忙，“ touchstart”输入事件的处理延迟了X ms。考虑将事件处理程序标记为“被动”，以使页面更具响应性。 所以我试图像这样向听众添加“被动” Hammer(element[0]).on("touchstart", function(ev) { // stuff }, { passive: true }); 但我仍然收到此警告。
6
我可以在React.js中更新组件的道具吗？
在开始使用React.js之后，它似乎props是静态的（从父组件传入），而state基于事件的更改则似乎是静态的。但是，我在文档中注意到对的引用componentWillReceiveProps，其中具体包括以下示例： componentWillReceiveProps: function(nextProps) { this.setState({ likesIncreasing: nextProps.likeCount > this.props.likeCount }); } 这似乎意味着，性能可以改变根据的比较组件nextProps来this.props。我想念什么？道具如何更改，或者我误认为道具的调用位置？
7
jQuery .live（）vs .on（）方法，用于在加载动态html后添加click事件
我正在使用jQuery v.1.7.1，显然不赞成使用.live（）方法。 我遇到的问题是，使用以下方法将html动态加载到元素中时： $('#parent').load("http://..."); 如果我尝试在之后添加click事件，则不会使用以下两种方法之一注册事件： $('#parent').click(function() ...); 要么 // according to documentation this should be used instead of .live() $('#child').on('click', function() ...); 实现此功能的正确方法是什么？它似乎只对.live（）有效，但我不应该使用该方法。请注意，#child是动态加载的元素。 谢谢。
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.