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

私が取り組んでいるプロジェクトでは、顧客のWebページでjQueryを使用する必要があります。お客様は<script>、<script>-createdでウィジェットを構築するいくつかの要素を含む、提供するコードのチャンクを挿入します<iframe>。彼らがまだ最新バージョンのjQueryを使用していない場合、これには（おそらく）<script>GoogleがホストするバージョンのjQuery も含まれます。 問題は、一部のお客様がすでに古いバージョンのjQueryをインストールしている可能性があることです。これは少なくともかなり最近のバージョンであれば機能する可能性がありますが、コードはjQueryライブラリの最近導入された機能に依存しているため、顧客のjQueryバージョンが古すぎる場合もあります。jQueryを最新バージョンにアップグレードする必要はありません。 コードのコンテキスト内でのみ使用するためにjQueryの新しいバージョンをロードし、顧客のページのコードに干渉または影響を与えない方法はありますか？理想的には、jQueryの存在を確認し、バージョンを検出し、古すぎる場合は、コードに使用するためだけに最新バージョンを何らかの方法でロードすることが理想的です。 私はを<iframe>含む顧客のドメインにjQueryをロードするという考えを持っていましたが、<script>それは実現可能かもしれませんが、よりエレガントな方法があることを望んでいます（パフォーマンスと複雑さのペナルティがないことは言うまでもありません）余分な<iframe>s）。

426 javascript  jquery  iframe 

最近、私は多くのモーダルウィンドウポップアップを実行しており、jQueryを使用しています。ページに新しい要素を作成するために使用した方法は、圧倒的に次のようなものです。 $("<div></div>"); しかし、これはこれを行うための最良または最も効率的な方法ではないという感覚を得ています。パフォーマンスの観点からjQueryで要素を作成する最良の方法は何ですか？ この回答には、以下の提案に対するベンチマークがあります。

425 javascript  jquery  html  dom 

ユーザーにリンクをクリックさせたい場合、別の要素（入力ではない）のHTMLテキストを選択します。 「選択」とは、テキストの上にマウスをドラッグしてテキストを選択するのと同じ方法を意味します。誰もが「選択」または「ハイライト」について他の言葉で話しているので、これは研究のベアでした。 これは可能ですか？これまでの私のコード： HTML： <a href="javascript:" onclick="SelectText('xhtml-code')">Select Code</a> <code id="xhtml-code">Some Code here </code> JS： function SelectText(element) { $("#" + element).select(); } 明らかに明白な何かが欠けていますか？

424 javascript  jquery 

「Rails way」でJSファイルを整理しようとしたときに、Rails 4アプリで問題が発生しました。以前は、さまざまなビューに散らばっていました。それらを別々のファイルに編成し、アセットパイプラインでコンパイルしました。ただし、ターボリンクがオンになっていると、jQueryの「準備完了」イベントが後続のクリックで起動しないことを知りました。初めてページをロードしたときに機能します。ただし、リンクをクリックすると、の内部はready( function($) {実行されません（ページが実際に再度読み込まれないため）。良い説明：ここ。 だから私の質問は：ターボリンクがオンのときにjQueryイベントが正しく機能することを保証する正しい方法は何ですか？スクリプトをRails固有のリスナーでラップしますか？それとも、レールには不必要な魔法があるのでしょうか？特にapplication.jsのようなマニフェストを介して複数のファイルをロードすることに関して、ドキュメントはこれがどのように機能するかについて少し曖昧です。

422 javascript  jquery  ruby-on-rails-4  asset-pipeline  turbolinks 

サーバー側でファイルをダウンロードするためのStruts2アクションがあります。 <action name="download" class="com.xxx.DownAction"> <result name="success" type="stream"> <param name="contentType">text/plain</param> <param name="inputName">imageStream</param> <param name="contentDisposition">attachment;filename={fileName}</param> <param name="bufferSize">1024</param> </result> </action> ただし、jQueryを使用してアクションを呼び出すと： $.post( "/download.action",{ para1:value1, para2:value2 .... },function(data){ console.info(data); } ); Firebugでは、データがBinaryストリームで取得されているのがわかります。ユーザーがファイルをローカルに保存できるファイルダウンロードウィンドウを開く方法を教えてください。

420 javascript  jquery  ajax  jsp  download 

次のような配列があります。 var y = [1, 2, 3]; 2アレイから削除したいy。 jQueryを使用して配列から特定の値を削除するにはどうすればよいですか？私は試しましたpop()が、それは常に最後の要素を削除します。

419 jquery  arrays 

ブラウザを使用して基本認証を作成しようとしていますが、実際にはアクセスできません。 このスクリプトがここにない場合は、ブラウザー認証が引き継ぎますが、ユーザーに認証を実行しようとしていることをブラウザーに通知します。 アドレスは次のようになります。 http://username:password@server.in.local/ 私はフォームを持っています： <form name="cookieform" id="login" method="post"> <input type="text" name="username" id="username" class="text"/> <input type="password" name="password" id="password" class="text"/> <input type="submit" name="sub" value="Submit" class="page"/> </form> そしてスクリプト： var username = $("input#username").val(); var password = $("input#password").val(); function make_base_auth(user, password) { var tok = user + ':' + password; var hash = Base64.encode(tok); …

419 javascript  jquery  ajax  authentication 

JavaScriptやjQueryの左右の矢印キーに関数をバインドするにはどうすればよいですか？私はjQueryのjs-hotkeyプラグインを見ました（組み込みのバインド関数をラップして、特定のキーを認識するための引数を追加します）が、矢印キーをサポートしていないようです。

418 javascript  jquery  keyboard  key-bindings 

私のアプリケーションは、次のようなJavaScriptオブジェクトを作成します。 myObj= {1:[Array-Data], 2:[Array-Data]} しかし、私はこのオブジェクトを配列として必要とします。 array[1]:[Array-Data] array[2]:[Array-Data] そのため、オブジェクト全体を反復処理し$.each、要素を配列に追加することで、このオブジェクトを配列に変換しようとしました。 x=[] $.each(myObj, function(i,n) { x.push(n);}); オブジェクトを配列またはおそらく関数に変換するより良い方法はありますか？

417 javascript  jquery  arrays  object 

テキストボックスのコンテンツが変更されたときに検出したいと思います。keyupメソッドを使用できますが、矢印キーのように文字を生成しないキーストロークも検出されます。keyupイベントを使用してこれを行う2つの方法を考えました。 押されたキーのASCIIコードがletter \ backspace \ deleteかどうかを明示的に確認します クロージャーを使用して、キーストロークの前のテキストボックス内のテキストを記憶し、これが変更されたかどうかを確認します。 どちらもちょっと面倒に見えます。

417 javascript  jquery  textbox  keypress 

デスクトップとモバイルの両方のデバイスで使用するためのjQueryプラグインを作成しました。デバイスにタッチスクリーン機能があるかどうかを検出する方法がJavaScriptにあるかどうか疑問に思いました。jquery-mobile.jsを使用してタッチスクリーンイベントを検出し、iOS、Androidなどで動作しますが、ユーザーのデバイスにタッチスクリーンがあるかどうかに基づいて条件ステートメントを記述したいと思います。 それは可能ですか？

416 javascript  jquery  touch 

同じtrのチェックボックスがチェックされている場合にのみトリガーする機能を以下に示します。私が間違っていることを教えてください、通常の方法は機能していません。ありがとう JS $(".add_menu_item_table").live('click', function() { var value_td = $(this).parents('tr').find('td.td_name').text(); if ($('input.checkbox_check').attr(':checked')); { var newDiv = $('<div class="div_menu_button"></div>'); var showDiv = $('<div id="show' + "0" + numShow++ + '" class="menu_button_info hidden"></div>'); var toggleTrigger = $('<a id="toggleshow' + "0" + numToggle++ + '" data-target="#show' + "0" + numTarget++ + '" class="toggle_trigger actions"> </a><div …

415 jquery  checkbox  if-statement 

質問のリストがあるとしましょう。最初の質問をクリックすると、自動的にページの一番下に移動します。 実際のところ、これはjQueryを使用して実行できることを知っています。 それで、この質問への回答を見つけることができるドキュメントやリンクを提供していただけませんか？ 編集：ページの下部にある特定のHTML 要素までスクロールする必要があります

415 javascript  jquery 

多くの入力フィールドを持つフォームがあります。 jQueryでフォーム送信イベントをキャッチすると、そのフォームのすべての入力フィールドを連想配列で取得できますか？

412 javascript  jquery 

でプロトタイプ私はこのコードで「ロード...」の画像を表示することができます。 var myAjax = new Ajax.Request( url, {method: 'get', parameters: pars, onLoading: showLoad, onComplete: showResponse} ); function showLoad () { ... } でjQueryの、私はこれを持つ要素に、サーバ・ページをロードすることができます。 $('#message').load('index.php?pg=ajaxFlashcard'); しかし、プロトタイプで行ったように、このコマンドにローディングスピナーをどのようにアタッチしますか？

412 jquery  spinner  prototypejs  equivalence  language-interoperability