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

select by JQueryにオプションが既に存在するかどうかを確認するにはどうすればよいですか？ selectに動的にオプションを追加したいので、重複を防ぐためにオプションが既に存在するかどうかを確認する必要があります。

169 jquery 

私はjacksonを使用して、私のオブジェクトをjsonに変換しています。オブジェクトには2つのフィールドがあります。 @Entity public class City { @id Long id; String name; public String getName() { return name; } public void setName(String name){ this.name = name; } public Long getId() { return id; } public void setName(Long id){ this.id = id; } } これをjQueryのオートコンプリート機能で使用したいので、jsonでは「id」を「value」として表示し、「name」を「label」として表示します。ジャクソンのドキュメンテーションはこれについて明確ではなく、私は必要なことをするように遠く離れているように見えるすべての注釈を試しましたが、json としてname表示されlabelたりid、表示されたりすることはできませんvalue。 これを行う方法を知っている人はいますか？

169 java  jquery  hibernate  jquery-ui  jackson 

jQueryで要素を非表示にできる方法はありますが、非表示の場合はDOMを変更できませんか？特定の要素を非表示にしていますが、非表示にすると、その下の要素が上に移動します。それが起こらないようにしたい。スペースはそのままにしておきたいが、要素は自由に表示/非表示にしたい。 できますか？

169 jquery  html 

クライアント側の検証にjQuery検証プラグインを使用しています。editUser()エラーメッセージを表示する[ユーザーの編集]ボタンをクリックすると、関数が呼び出されます。 しかし、フォームのエラーメッセージをクリアしたいのですが、「クリア」ボタンをクリックすると、別の関数が呼び出されますclearUser()。 function clearUser() { // Need to clear previous errors here } function editUser(){ var validator = $("#editUserForm").validate({ rules: { userName: "required" }, errorElement: "span", messages: { userName: errorMessages.E2 } }); if(validator.form()){ // Form submission code } }

169 jquery  jquery-validate 

私はjQueryを使用していて、ページ内の要素の存在を確認したいと思います。私は次のコードを書きましたが、機能していません： if($("#btext" + i) != null) { //alert($("#btext" + i).text()); $("#btext" + i).text("Branch " + i); } 要素の存在を確認するにはどうすればよいですか？

169 javascript  jquery  dom  object  null 

を使用してグリッド形式の画像を含むHTMLドキュメントがあります<ul><li><img...。ブラウザウィンドウには、垂直スクロールと水平スクロールの両方があります。 質問： 画像をクリックしたときに、クリックした<img>ばかりの画像がある位置までドキュメント全体をスクロールするにはどうすればよいtop:20px; left:20pxですか？ 私はここで同様の投稿を閲覧しました...ただし、JavaScriptは非常に新しいので、これが自分でどのように実現されるのかを理解したいと思っています。

169 javascript  jquery 

HTML DOM IDが与えられた場合、JavaScript / JQueryでウィンドウに対する要素の位置を取得する方法は？要素はiframeまたは他のいくつかの要素の内部にある可能性があるため、これはドキュメントやオフセットの親に対する相対とは異なります。現在表示されている要素の四角形（位置と寸法など）の画面位置を取得する必要があります。要素が現在画面外にある（スクロールされていない）場合は、負の値でも許容されます。 これはiPad（WebKit / WebView）アプリケーション用です。ユーザーがの特別なリンクをタップするたびに、リンクUIWebViewに関する詳細情報を表示するポップオーバービューを開くことになっています。ポップオーバービューは、それを呼び出す画面の一部を指す矢印を表示する必要があります。

168 javascript  jquery  ipad  webkit  webview 

休業。この質問には、より焦点を当てる必要があります。現在、回答を受け付けていません。 5年前休業。 ロックされています。この質問とトピックへの回答はロックされています。質問はトピックから外れていますが、歴史的に重要です。現在、新しい回答や相互作用を受け入れていません。 私は主にjQueryライブラリを使用しており、AngularJSの使用を開始しました。Angularの使用方法に関するいくつかのチュートリアルを読みましたが、Angularを使用する理由とタイミング、または単にjQueryを使用する場合と比較してどのような利点があるかについては、はっきりしていません。 AngularはMVCを考えるように思われます。これは、おそらくWebページをテンプレート+データの組み合わせとして表示することを意味します。{{data bindings}}動的データがあると感じるときはいつでも使用します。次に、Angularは$ scopeハンドラーを提供します。これは、静的に、またはWebサーバーへの呼び出しを介して入力できます。これは、Webページを設計するJSPの方法に特徴的に似ています。これにはAngularが必要ですか？ データ操作を伴わない単純なDOM操作（例：マウスホバーでの色の変更、クリックで要素を非表示/表示）の場合、jQueryまたはバニラJSで十分でよりクリーンです。これは、ことを前提としてモデルの角度の中のMVCがあるページのデータを反映して何でも、それゆえ、色、表示/非表示のようなCSSプロパティなどの変更は影響しませんモデルを。AngularはDOM操作に関してjQueryまたはバニラJSよりも優れていますか？ プラグインを使用してjQueryができることと比較して、Angularはそれを開発に役立てることができますか？

168 jquery  angularjs 

次のように、アプリケーションでブートストラップドロップダウンコンポーネントを使用しています。 <div class="btn-group"> <button class="btn">Please Select From List</button> <button class="btn dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> <li><a tabindex="-1" href="#">Item I</a></li> <li><a tabindex="-1" href="#">Item II</a></li> <li><a tabindex="-1" href="#">Item III</a></li> <li class="divider"></li> <li><a tabindex="-1" href="#">Other</a></li> </ul> </div> 選択したアイテムをbtnラベルとして表示したいのですが。つまり、「リストから選択してください」を、選択されているリスト項目（「項目I」、「項目II」、「項目III」）に置き換えます。

168 jquery  twitter-bootstrap 

2つのボタンのあるページがあります。1つは<button>要素で、もう1つは<input type="submit">です。ボタンはこの順序でページに表示されます。フォームの任意の場所にあるテキストフィールドでを押す<Enter>と、ボタン要素のclickイベントがトリガーされます。これは、ボタン要素が最初にあるためだと思います。 デフォルトボタンを設定するための信頼できる方法のように見えるものは何も見つかりません。また、この時点では必ずしもそうしたくありません。より良いものがない場合は、フォーム上の任意の場所に<Enter>キーを押したので、それが押されたキーである場合は、単に無効にします。 $('form').keypress( function( e ) { var code = e.keyCode || e.which; if( code === 13 ) { e.preventDefault(); return false; } }) 私の知る限り、これは機能しているように見えますが、信じられないほどハムフィストだと感じています。 これを行うためのより洗練されたテクニックを知っている人はいますか？ 同様に、このソリューションに私が気付いていない落とし穴はありますか？ ありがとう。

168 javascript  jquery  html  forms  enter 

だから私はこれらのチェックボックスを持っています： <input type="checkbox" name="type" value="4" /> <input type="checkbox" name="type" value="3" /> <input type="checkbox" name="type" value="1" /> <input type="checkbox" name="type" value="5" /> 等々。そのうちの約6つがあり、手作業でコーディングされている（つまり、dbからフェッチされていない）ため、しばらく同じままになる可能性があります。 私の質問は、それらをすべて（JavaScriptで）配列で取得する方法です。そのため、$.postJqueryを使用してAJAX リクエストを作成するときにそれらを使用できます。 何かご意見は？ 編集：選択したチェックボックスのみをアレイに追加したい

168 javascript  jquery  ajax  dhtml 

Twitterブートストラップモーダルウィンドウのアニメーションをスライドダウン効果からフェードインに変更する方法、またはスライドなしで表示する方法はありますか？私はここのドキュメントを読みました： http://getbootstrap.com/javascript/#modals ただし、モーダルボディのスライド効果を変更するためのオプションについては触れられていません。

167 javascript  jquery  jquery-ui  twitter-bootstrap 

私は、JörnZaeffereの優れたjQuery Validationプラグインで検証している複数のフィールドを含むフォーム（カスタム検証用に追加されたメソッドを含むフォーム）を持っています。指定された送信コントロールで検証を回避するにはどうすればよいですか（つまり、いくつかの送信入力で検証を起動しますが、他の入力では検証を起動しません）。これは、標準のASP.NETバリデーターコントロールを備えたValidationGroupsに似ています。 私の状況： ASP.NET WebFormsを使用していますが、必要に応じて無視できます。しかし、私は検証を「推奨」としてより多く使用しています。つまり、フォームが送信されると検証が発生しますが、「必須」メッセージが表示される代わりに、「推奨」が「あなたに次のフィールドを逃しました...とにかく続行しますか？」その時点で、エラーコンテナーには、検証を無視してとにかく送信するために押すことができる別の送信ボタンが表示されています。このボタンコントロールのフォーム.validate（）を回避し、それでも投稿する方法は？ http://jquery.bassistance.de/validate/demo/multipart/にある家の売買のサンプルでは、前のリンクにアクセスするためにこれを許可していますが、カスタムメソッドを作成してバリデーターに追加することでこれを実現しています。検証プラグインに既に機能を複製するカスタムメソッドを作成する必要がないことを望みます。 以下は、私がすぐに入手できる、すぐに適用可能なスクリプトの短縮版です。 var container = $("#<%= Form.ClientID %> div.validationSuggestion"); $('#<%= Form.ClientID %>').validate({ errorContainer: container, errorLabelContainer: $("ul",container), rules: { <%= YesNo.UniqueID %>: { required: true }, <%= ShortText.UniqueID %>: { required: true } // etc. }, messages: { <%= YesNo.UniqueID %>: 'A message.', <%= ShortText.UniqueID %>: …

167 jquery  jquery-validate 

ドキュメントから私はそれ.proxy()が引数として渡される関数のスコープを変更することを理解しています。誰かがこれをもっとよく説明してくれませんか？なぜこれを行う必要があるのですか？

167 javascript  jquery 

この日付をフォーマットします：<div id="date">23/05/2013</div>。 最初に、最初の文字列を分割し/、残りを次の行に配置します。次に、次のように<span>タグの最初の部分を囲みます。 <div id="date"> <span>23</span> 05/2013</div> 23 05/2013 私がしたこと： <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="date">23/05/2013</div> <script type="text/javascript"> $(document).ready(function() { $("#date").text().substring(0, 2) + '<br />'; }); </script> コードスニペットを実行する結果を非表示スニペットを展開 JSFiddleを参照してください。 しかし、これは機能しません。誰かがjQueryを手伝ってくれる？

167 javascript  jquery  date  split  substring