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

私は、jqueryでカスタムイベント処理を最適な方法で実装する方法についての情報を探しています。「クリック」などのdom要素からイベントをフックする方法は知っていますが、プレビュー機能を処理するための小さなJavaScriptライブラリ/プラグインを構築しています。 取得した一連のルールとデータ/ユーザー入力からdom要素のテキストを更新するスクリプトを実行していますが、このスクリプトでは認識できない他の要素に表示されている同じテキストが必要です。私が必要としているのは、必要なテキストを生成するこのスクリプトを何らかの形で観察するための良いパターンです。 では、どうすればよいですか？ユーザーイベントを発生/処理するためにjqueryのいくつかの組み込み機能を見落としましたか、それを行うためにいくつかのjqueryプラグインが必要ですか？これを処理するための最良の方法/プラグインは何だと思いますか？

180 jquery  events 

現在のブラウザーの幅を取得するJavaScript関数を記述しようとしています。 私はこれを見つけました： javascript:alert(document.body.offsetWidth); しかし、ボディの幅が100％の場合、失敗するという問題があります。 他にもっと良い機能や回避策はありますか？

180 javascript  jquery  html  css 

したがって、jQuery Ajax docsによると、リクエストを送信するときにクエリ文字列の形式でデータをシリアル化しますが、設定processData:falseにより、本文で実際のJSONを送信できます。残念ながら、これが発生していて、2番目のオブジェクトがサーバーに送信されているように見える場合は、最初に判断するのに苦労しています。私が知っているのは、サーバーが私が送信しているものを解析していないということだけです。 httpクライアントを使用してオブジェクトリテラルを投稿する{someKey:'someData'}と、機能します。しかし、jQueryをdata: {someKey:'someData'}で使用すると失敗します。残念ながら、Safariでリクエストを分析すると、メッセージのペイロードは[object Object]...すばらしい...と表示され、Firefoxでは投稿が空白になります... Java側で本文のコンテンツをログに記録すると、文字どおりに取得される[object Object]ため、REAL JSONデータをどのように送信しますか？ jQueryから送信されたリクエストを使用して、リクエスト本文のJSONデータをシリアル化するJavaサービスの経験はありますか？ ところでここに完全な$ .ajaxリクエストがあります： $.ajax({ contentType: 'application/json', data: { "command": "on" }, dataType: 'json', success: function(data){ app.log("device control succeeded"); }, error: function(){ app.log("Device control failed"); }, processData: false, type: 'POST', url: '/devices/{device_id}/control' });

180 jquery  ajax  json  xmlhttprequest 

名前属性に角かっこがあるこの要素を選択しようとしています： <input type="text" name="inputName[]" value="someValue"> 私はこれを試しました（動作しません）： $('input[inputName[]=someValue]') そしてどちらもこれをしません： $('input[inputName[]=someValue]') またはこれ： $('input["inputName[]"=someValue]') 編集：あなたの一部が指摘したように、$('input[inputName=someValue]')決して機能しないでしょう。私は何をしようとしていたことでした：$('input[name=inputName][value=someValue]')。（ただし[]、name属性では）。

179 javascript  jquery  input  jquery-selectors 

jQueryでウィンドウの高さとスクロールオフセットを取得する必要がありますが、jQueryドキュメントまたはGoogleでこれを見つけることができませんでした。 要素（おそらくウィンドウを含む）の高さとscrollTopにアクセスする方法があることを90％確信していますが、特定の参照を見つけることができません。

179 javascript  jquery 

わかりましたので、私が必要とするものはかなり簡単です。 （を使用してclass="dropdown-toggle" data-toggle="dropdown"）いくつかのドロップダウンメニューを含むナビゲーションバーを設定しましたが、正常に動作します。 実は「onClick」は機能しますが、「」が機能すればいいのonHoverですが。 これを行う組み込みの方法はありますか？

179 javascript  jquery  html  css  twitter-bootstrap 

次のJavaScriptコードがあります。 $('a.button').click(function(){ if (condition == 'true'){ function1(someVariable); function2(someOtherVariable); } else { doThis(someVariable); } }); が完了したfunction2後function1にのみ呼び出されるようにするにはどうすればよいですか？

179 javascript  jquery 

jqueryセレクターから実際のDOMElementを取得するのを見つけるのが非常に困難です。サンプルコード： <input type="checkbox" id="bob" /> var checkbox = $("#bob").click(function() { //some code } ) 別のコードでは、チェックボックスのチェックされた値を特定しようとしています。 if ( checkbox.eq(0).SomeMethodToGetARealDomElement().checked ) //do something. そして、私はしたくない： if ( checkbox.eq(0).is(":checked")) //do something これでチェックボックスの周りが回りますが、本当のDOMElementが必要な場合もあります。

179 javascript  jquery  dom 

$target.remove() 要素を削除できますが、プロセスをいくつかの感触アニメーションで停止したいのですが、どうすればよいですか？

179 javascript  jquery 

JavaScriptを使用してURLからパスのみを取得する正しい方法は何ですか？ 例：http://www.somedomain.com/account/search? filter = a# topというURLがあります が、この部分を取得したいのですが、 / account / search 活用できるものがあればjQueryを使用しています。

179 javascript  jquery  url 

以前はJQuery UIのダイアログを使用していましたopenが、ダイアログが開かれたときに実行するJavascriptコードを指定できるオプションがありました。私はそのオプションを使用して、私が持っている関数を使用してダイアログ内のテキストを選択しました。 今、私はブートストラップのモーダルを使用してそれをしたいです。以下はHTMlコードです。 <div id="code" class="modal hide fade"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3>Modal header</h3> </div> <div class="modal-body"> <pre> print 'Hello World' そして、モーダルを開くボタンについては： <a href="#code" data-toggle="modal" class="btn code-dialog">Display code</a> ボタンのonclickリスナーを使用しようとしましたが、モーダルが表示される前に警告メッセージが表示されました。 $( ".code-dialog" ).click(function(){ alert("I want this to appear after the modal has opened!"); });

179 javascript  jquery  jquery-ui  twitter-bootstrap  modal-dialog 

私はOlegのselect2デモを使用していますが、ドロップダウンメニューで現在選択されている値を変更できるかどうか疑問に思っています。 たとえば、読み込まれた4つの値が次のとおりで"Any", "Fruit", "Vegetable", "Meat"あり、ドロップダウンリストのデフォルトが"Any"である"Fruit"場合、JqGridイベントでこれをどのように変更できloadCompleteますか？ これは可能ですか？

178 jquery  jqgrid  ui-select2 

私のhtmlがこのように見えた場合： <td class="controlCell"> <input class="inputText" id="SearchBag.CompanyName" name="SearchBag.CompanyName" type="text" value="" /> </td> JQueryで＃SearchBag.CompanyNameを選択するにはどうすればよいですか？私はそれを機能させることができず、それがすべてを壊しているのはドットだと心配しています。煩わしいのは、すべてのIDの名前を変更することは、読みやすさの低下は言うまでもなく、多くの作業になるということです。 注： レイアウト用にテーブルが作成されない方法について話を始めないでください。私はCSSの価値と欠点を十分に認識しており、CSSをできる限り使用するように努めています。

178 jquery 

違いは何であるposition()とはoffset()？クリックイベントで次のことを実行しようとしました。 console.info($(this).position(), $(this).offset()); そして、それらはまったく同じように返すようです...（クリックされた要素は、テーブルのテーブルセル内にあります）

178 jquery  positioning 

次のように単純なもの： $("#div").addClass("error").delay(1000).removeClass("error"); 動作していないようです。最も簡単な代替手段は何でしょうか？

178 jquery  delay