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

jQueryはJavaScriptライブラリです。JavaScriptタグの追加も検討してください。jQueryは人気のあるクロスブラウザーJavaScriptライブラリであり、ブラウザー間の不一致を最小限に抑えることで、ドキュメントオブジェクトモデル(DOM)トラバーサル、イベント処理、アニメーション、AJAXインタラクションを促進します。jQueryのタグが付いた質問はjQueryに関連している必要があるため、問題のコードはjQueryを使用する必要があり、少なくともjQueryの使用法に関連する要素を質問に含める必要があります。

8
オブジェクトのjavascriptフィルター配列
オブジェクトの配列があり、それを検索するための最良の方法を考えています。以下の例で、name = "Joe"とを検索するにはどうすればよいage < 30ですか?jQueryが役立つものはありますか、それともこの検索を自分でブルートフォースする必要がありますか? var names = new Array(); var object = { name : "Joe", age:20, email: "joe@hotmail.com"}; names.push(object); object = { name : "Mike", age:50, email: "mike@hotmail.com"}; names.push(object); object = { name : "Joe", age:45, email: "mike@hotmail.com"}; names.push(object);

3
jqueryは特定のフォームからすべての入力を取得します
特定のフォームからのすべての入力を入力する方法はありますか?たとえば、次のようなものがあります。 <form id="unique00"> <input type="text" name="whatever" id="whatever" value="whatever" /> <div> <input type="checkbox" name="whatever" id="whatever" value="whatever" /> </div> <table><tr><td> <input type="hidden" name="whatever" id="whatever" value="whatever" /> <input type="submit" value="qweqsac" /> </td></tr></table> </form> <form id="unique01"> <div> <input type="text" name="whatever" id="whatever" value="whatever" /> <input type="checkbox" name="whatever" id="whatever" value="whatever" /> </div> <table><tr><td> <input type="hidden" name="whatever" …

3
jQueryのajaxメソッドを使用して画像をblobとして取得する
私は最近、別の(関連する)質問をしました。これは、このフォローアップの質問につながり ます。入力フォームのファイルの代わりにデータを送信する jQuery.ajax()のドキュメント(http://api.jquery.com/jQuery.ajax/)を読むと、受け入れられたdataTypeのリストに画像が含まれていないようです。 jQuery.get(または必要に応じてjQuery.ajax)を使用して画像を取得し、この画像をBlobに保存し、POSTリクエストで別のサーバーにアップロードしようとしています。現在、データ型の不一致が原因で、画像が破損しているようです(バイト単位のサイズの不一致など)。 これを実行するコードは次のとおりです(coffeescriptにありますが、解析が難しくないはずです)。 handler = (data,status) -> fd = new FormData fd.append("file", new Blob([data], { "type" : "image/png" })) jQuery.ajax { url: target_url, data: fd, processData: false, contentType: "multipart/form-data", type: "POST", complete: (xhr,status) -> console.log xhr.status console.log xhr.statusCode console.log xhr.responseText } jQuery.get(image_source_url, null, handler) 代わりに、この画像をblobとして取得するにはどうすればよいですか?

7
入力要素のJavascript変更イベントは、フォーカスを失ったときにのみ発生します
入力要素があり、コンテンツの長さをチェックし続けたいのですが、長さが特定のサイズに等しくなるたびに送信ボタンを有効にしたいのですが、イベントとしてのJavascriptのonchangeイベントで問題が発生しています入力要素がスコープ外になったときにのみ発生し、内容が変更されたときには発生しません。 <input type="text" id="name" onchange="checkLength(this.value)" /> ---- onchangeは、名前の内容を変更しても発生しませんが、名前のフォーカスが外れた場合にのみ発生します。 このイベントをコンテンツの変更で機能させるためにできることはありますか?または私がこれに使用できる他のイベント?onkeyup関数を使用して回避策を見つけましたが、ブラウザーのオートコンプリーターから一部のコンテンツを選択しても起動しません。 キーボードでもマウスでも、フィールドの内容が変わっても機能するものが欲しいのですが…何かアイデアはありますか?

14
Javascript / jQueryを使用して、画像が読み込まれたかどうかを確認するにはどうすればよいですか?
ユーザーのブラウザウィンドウに収まるように大きな画像のサイズを変更するJavascriptを作成しています。(残念ながら、ソース画像のサイズは制御していません。) したがって、次のようなものがHTMLに含まれます。 <img id="photo" src="a_really_big_file.jpg" alt="this is some alt text" title="this is some title text" /> タグsrc内の画像imgがダウンロードされているかどうかを確認する方法はありますか? $(document).ready()ブラウザが画像をロードする前に実行すると問題が発生するため、これが必要です。 $("#photo").width()そして、$("#photo").height()プレースホルダ(altテキスト)のサイズを返します。私の場合、これは134 x20のようなものです。 現在、写真の高さが150未満かどうかを確認しており、そうである場合は代替テキストであると想定しています。しかし、これはかなりのハックであり、写真の高さが150ピクセル未満の場合(私の特定のケースではありそうにない)、または代替テキストの高さが150ピクセルを超える場合(小さなブラウザウィンドウで発生する可能性があります)、破損します。 。 編集:コードを見たい人のために: $(function() { var REAL_WIDTH = $("#photo").width(); var REAL_HEIGHT = $("#photo").height(); $(window).resize(adjust_photo_size); adjust_photo_size(); function adjust_photo_size() { if(REAL_HEIGHT < 150) { REAL_WIDTH = $("#photo").width(); REAL_HEIGHT = $("#photo").height(); if(REAL_HEIGHT < …

6
すべての要素からクラスを削除する方法jquery
次のように要素のクラスを変更しています $("#"+data.id).addClass("highlight") 以下のリストを考えてみましょう。 <div id="menuItems"> <ul id="contentLeft" class="edgetoedge"> <li class="sep" ">Shakes and Floats</li> <li id="297"><a href="#" onClick="cart('297','add')"><small>$5.00</small><b>Vanilla</b> </a></li> <li id="298"><a href="#" onClick="cart('298','add')"><small>$5.00</small><b>Peanut Butter</b></a></li> <li id="299"><a href="#" onClick="cart('299','add')"><small>$5.00</small><b>Combo</b></a></li> <li id="300"><a href="#" onClick="cart('300','add')"><small>$5.00</small><b>Chocolate</b></a></li> <li id="301"><a href="#" onClick="cart('301','add')"><small>$5.00</small><b>Strawberry</b></a></li> <li id="303"><a href="#" onClick="cart('303','add')"><small>$5.00</small><b>Banana</b></a></li> <li id="304"><a href="#" onClick="cart('304','add')"><small>$5.00</small><b>Root Beer Float</b></a></li> <li id="305"><a href="#" onClick="cart('305','add')"><small>$5.00</small><b>Espresso</b></a></li> </ul> …
84 jquery 

7
クラスメソッド内のTypescript「this」
これはおそらく痛々しいほど基本的なことだと思いますが、頭を包むのに苦労しています。 class Main { constructor() { requestAnimationFrame(this.update); //fine } update(): void { requestAnimationFrame(this.update); //error, because this is window } } プロキシが必要なようですので、Jqueryを使用するとしましょう class Main { constructor() { this.updateProxy = $.proxy(this.update, this); requestAnimationFrame(this.updateProxy); //fine } updateProxy: () => void update(): void { requestAnimationFrame(this.updateProxy); //fine } } しかし、Actionscript 3のバックグラウンドから来ているので、ここで何が起こっているのかよくわかりません。申し訳ありませんが、Javascriptがどこから始まり、TypeScriptがどこで終わるのかわかりません。 updateProxy: () => void …

6
jQuery AJAX呼び出しの「finally」に類似したものはありますか?
jQuery AJAX呼び出しにJavaの「最終的に」類似物はありますか?私はここにこのコードを持っています。私はいつも例外をスローしますが、常にthen()メソッドに移動させたいと思っています。 call.xmlHttpReq = $.ajax({ url : url, dataType : 'json', type : 'GET' }).always(function(processedDataOrXHRWrapper, textStatus, xhrWrapperOrErrorThrown) { throw "something"; }).then(function() { alert("i want to always run no matter what"); }); done()、complete()、および別のalways()を使用しようとしましたが、何も機能しないようです。 これがJSFiddleです: http://jsfiddle.net/qv3t3L0m/

3
Angular.jsng-複数の要素にわたって繰り返します
この質問はここで部分的に対処されています:Angular.jsng-複数のtrにまたがる繰り返し ただし、これは実際には単なる回避策であり、実際にはコアの問題に対処していません。つまり、ラッパーなしで複数の要素にわたってng-repeatを使用するにはどうすればよいでしょうか。 たとえば、jquery.accordionではh3要素とdiv要素を繰り返す必要がありますが、ng-repeatを使用してこれを行うにはどうすればよいでしょうか。

12
jQuery .load()呼び出しは、ロードされたHTMLファイルでJavaScriptを実行しません
これはSafariのみに関連する問題のようです。Macで4つ、Windowsで3つ試しましたが、まだうまくいきません。 外部のHTMLファイルをロードして、埋め込まれているJavaScriptを実行しようとしています。 私が使おうとしているコードはこれです: $("#myBtn").click(function() { $("#myDiv").load("trackingCode.html"); }); trackingCode.html このように見えます(今は簡単ですが、一度拡張します/これが機能するようになれば): <html> <head> <title>Tracking HTML File</title> <script language="javascript" type="text/javascript"> alert("outside the jQuery ready"); $(function() { alert("inside the jQuery ready"); }); </script> </head> <body> </body> </html> IE(6&7)とFirefox(2&3)の両方でアラートメッセージが表示されます。ただし、Safariでメッセージを表示できません(最後に気にする必要のあるブラウザー-プロジェクト要件-炎上戦争はしないでください)。 SafariがtrackingCode.htmlファイル内のJavaScriptを無視している理由について何か考えはありますか? 最終的には、JavaScriptオブジェクトをこのtrackingCode.htmlファイルに渡してjQuery ready呼び出しで使用できるようにしたいのですが、その道を進む前に、すべてのブラウザーでこれが可能であることを確認したいと思います。
83 jquery  ajax  safari 

8
jQuery Force setsrc属性をiframeに
メインページ(実際にはJSP)の中にiframeがあります。 <iframe name="abc_frame" id="abc_frame" src="about:blank" frameborder="0" scrolling="no"></iframe> これで、メインページに複数のリンク(JSPを介して動的にレンダリングされる)があり、srcを何らかのURLに設定しようとすることができます... 今私の質問は、jQuery(live()かもしれません)を使用して、abc_frameの「src」属性が常に特定の値(たとえば「somefixedURL」)を持つようにオーバーライドできますか? リンクのクリックをキャプチャできません。これは、一部のJavaコードを介して完全に動的に作成されているため、iframe srcをオーバーライドしようとしていますか?
83 javascript  jquery  dom 

5
jQuery.extendとjQuery.fn.extendの違いは?
2つのプラグインを1つにマージしたいので、jqueryプラグインの構文を理解しようとしています。インターバルを停止したり、何度も実行したりできる必要があるウインカー。 とにかく、この構文はと同じですか jQuery.fn.extend({ everyTime: function(interval, label, fn, times) { return this.each(function() { jQuery.timer.add(this, interval, label, fn, times); }); }, oneTime: function(interval, label, fn) { return this.each(function() { jQuery.timer.add(this, interval, label, fn, 1); }); }, この $.fn.blink = function(options) { first(without =)は、一度に複数のメソッドを設定する方法のように見えるためです。これは正解?また、私がここにいる間、要素といくつかのロジックをjqueryオブジェクトに追加する理由は何でしょうか? jQuery.extend({ timer: { global: [], guid: 1, dataKey: "jQuery.timer", …

12
jQuery-UIのオートコンプリートがうまく表示されない、z-indexの問題
現在、クライアントのWebショップでjQueryUIのオートコンプリートを実装しています。問題は、オートコンプリートが存在する要素が、オートコンプリートのzインデックスよりも高いzインデックスを持っていることです。オートコンプリートのz-indexを手動で設定しようとしましたが、jQueryUIがこれを上書きしているように感じました。 実際、私の質問はオートコンプリート候補リストの重複したz-indexですが、どうすれば変更できますか?、でも答えがなかったので、もう一度やってみようと思いました。 どんな助けでも大歓迎です! マルティン


9
ChromeがローカルのjQueryCookieを無視するのはなぜですか?
私はjQueryCookieプラグイン(ダウンロードとデモ、コメント付きのソースコード)を使用してCookieを設定および読み取ります。ローカルマシンでページを開発しています。 次のコードは、FireFox 3、IE 7、およびSafari(PC)でCookieを正常に設定します。ただし、ブラウザがGoogle Chromeで、ページがローカルファイルの場合は、機能しません。 $.cookie("nameofcookie", cookievalue, {path: "/", expires: 30}); 私が知っていること: プラグインのデモはChromeで動作します。 コードをWebサーバー(http://で始まるアドレス)に配置すると、Chromeで機能します。 したがって、Cookieはローカルファイル上のGoogleChromeでのみ失敗します。 考えられる原因: Google Chromeは、ハードドライブ上のWebページ(file:/// C:/websites/foo.htmlなどのパス)からのCookieを受け入れません。 プラグインの実装に何かがあると、ChromeはそのようなCookieを拒否します 誰かがこれを確認して根本原因を特定できますか?

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