タグ付けされた質問 「javascript」

ECMAScript(JavaScript / JS)とそのさまざまな方言/実装(ActionScriptを除く)でのプログラミングに関する質問。このタグが単独で使用されることはほとんどありませんが、ほとんどの場合、[node.js]、[jquery]、[json]、および[html]タグに関連付けられています。

3
JavaScriptが「;」で始まる必要があるのはなぜですか?
最近、ウェブ上の多くのJavaScriptファイル;がコメントセクションの直後から始まることに気づきました。 たとえば、このjQueryプラグインのコードは次で始まります。 /** * jQuery.ScrollTo * Copyright (c) 2007-2008 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com * Dual licensed under MIT and GPL. * Date: 9/11/2008 .... skipping several lines for brevity... * * @desc Scroll on both axes, to different values * @example $('div').scrollTo( { top: 300, left:'+=200' }, { …



14
ユーザーがjQueryを使用してdivの下部にスクロールしたときの検出
内部に可変量のコンテンツを持つdivボックス(fluxと呼ばれます)があります。このdivboxのオーバーフローは自動に設定されています。 さて、私がやろうとしていることは、このDIVボックスの下部までスクロールを使用して、ページにさらにコンテンツをロードするとき、これを行う方法(コンテンツをロードする)はわかりますが、方法はわかりませんユーザーがdivタグの下部までスクロールしたことを検出しますか?ページ全体に適用したい場合は、.scrollTopを取り、それを.heightから差し引きます。 しかし、私はここでそれをすることができないように思えますか? フラックスから.scrollTopを取得し、すべてのコンテンツをinnerというdiv内にラップしようとしましたが、フラックスのinnerHeightを取得すると、564px(divは高さとして500に設定されています)と 'innner'の高さを返しますdivの下部に564と表示されている場合は、1064とスクロールトップを返します。 私に何ができる?
218 javascript  jquery 

12
JavaScriptでブール条件に一致する配列の最初の要素を見つける方法は?
与えられた条件に一致するJS配列の最初の要素を見つけるための既知の組み込み/エレガントな方法があるかどうか疑問に思っています。C#に相当するものはList.Findです。 これまでのところ、私は次のような2つの機能を持つコンボを使用しています。 // 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; }; …
218 javascript  arrays 

16
ブラウザの戻るボタンイベントを検出する方法-クロスブラウザ
ユーザーがブラウザの戻るボタンを押したかどうかを確実に検出するにはどうすればよいですか? #URLシステムを使用して、単一ページのWebアプリケーション内でページ内戻るボタンの使用をどのように強制しますか? ブラウザの戻るボタンで独自のイベントが発生しないのはなぜですか。


5
AJAXリクエストのjQueryで文字列をURLエンコード
アプリケーションに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.autoScrolltrueの場合は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 class="btn" …


10
フォーム内のボタンをクリックするとページが更新される
Angularに2つのボタンタグが含まれているフォームがあります。1つのボタンでフォームを送信しng-clickます。もう1つのボタンは、純粋にを使用したナビゲーション用ng-clickです。ただし、この2番目のボタンがクリックされると、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"; };

5
イベントハンドラーを「パッシブ」としてマークして、ページの応答性を高めることを検討してください
ドラッグにハンマーを使用していますが、この警告メッセージが私に伝えているように、他のものをロードするときにハンマーが途切れます。 メインスレッドがビジー状態のため、 'touchstart'入力イベントの処理がXミリ秒遅れました。ページの応答性を高めるために、イベントハンドラーを「パッシブ」としてマークすることを検討してください。 だから私はそのようにリスナーに「パッシブ」を追加しようとしました 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 }); } これは、toとの比較に基づいてコンポーネントのプロパティを変更できることを意味しているnextPropsようthis.propsです。何が欠けていますか?小道具はどのように変更されますか、またはこれがどこで呼び出されるのか私は間違っていますか?

7
動的HTMLをロードした後にクリックイベントを追加するためのjQuery .live()メソッドと.on()メソッド
私は.live()メソッドが明らかに非推奨であるjQuery v.1.7.1を使用しています。 私が抱えている問題は、次のように使用して要素にHTMLを動的にロードする場合です。 $('#parent').load("http://..."); 後でクリックイベントを追加しようとしても、これらの方法のいずれかを使用してイベントが登録されません。 $('#parent').click(function() ...); または // according to documentation this should be used instead of .live() $('#child').on('click', function() ...); この機能を実現する正しい方法は何ですか?それは私にとって.live()でのみ機能するようですが、私はそのメソッドを使用するべきではありません。#childは動的にロードされる要素であることに注意してください。 ありがとう。

8
ハンドルバー/口ひげ-オブジェクトのプロパティをループする組み込みの方法はありますか?
質問のタイトルが言うように、オブジェクトのプロパティをループする口ひげ/ハンドルバーの方法はありますか? だから var o = { bob : 'For sure', roger: 'Unknown', donkey: 'What an ass' } 私は、何かを行うことができますテンプレートエンジンに同等になります for(var prop in o) { // with say, prop a variable in the template and value the property value } ?

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.