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

チェックボックスをオンにすると、オンになり<p> #0099ffます。 チェックボックスをオフにすると、元に戻すことができます。 これまでのコード： $('#checkbox').click(function(){ if ($('#checkbox').attr('checked')) { /* NOT SURE WHAT TO DO HERE */ } })

126 jquery  checkbox  if-statement  checked  unchecked 

ロックされています。質問はトピックから外れていますが、歴史的に重要であるため、この質問とその回答はロックされています。現在、新しい回答や相互作用を受け入れていません。 w3schools.comでの Web開発について多くの良い経験をしました。ヒットかミスかはわかりますが、PHPとCSSのセクションは参照用として非常に役立つことがわかっています。 とにかく、jQueryに似たようなサイトがあるのか​​と思っていました。学習に興味がありますが、オンライン/検索可能にする必要があるため、将来情報が必要になったときに簡単に参照できます。 また、簡単に言うと、jQueryは学ぶ価値がありますか？または、別のJavaScriptライブラリを見る必要がありますか？私はジェフがスタックオーバーフローでjQueryを使用していることを知っています。 ありがとう！ 編集：jQueryのWebサイトには、かなり大きなチュートリアルのリストと、一見包括的なドキュメントページがあります。まだすべてを確認する時間はありませんでしたが、他の誰かがそれを体験したことがありますか？ 編集2：GoogleがjQueryライブラリをホストしているようです。これにより、宣伝の面でjQueryにかなり大きな利点がもたらされます。 また、誰もが同じ場所でホストされている単一の統合aQueryライブラリを使用している場合、それはほとんどのインターネットユーザーの早い段階でキャッシュされるため、使用する場合でもサイトのダウンロードフットプリントには影響しません。 2か月後... 編集3：私は最近、仕事中のプロジェクトでjQueryを使い始めました。jQueryを学び、使用することは絶対に価値があると私が結論したことを皆に知らせたかっただけです。 また、ほぼ完全に公式jQueryのドキュメントとチュートリアルから学びました。とても簡単です。 10か月後... jQueryは、この投稿を最初に作成して以来、私が作成したほぼすべてのWebアプリの一部です。これにより、プログレッシブエンハンスメントが簡単になり、コードの保守が容易になります。 また、すべてのjQueryプラグインは非常に貴重なリソースです。 3年後... ほぼ毎日jQueryを使用しています。現在、jQueryプラグインを作成し、フルタイムで相談しています。私は主にDjangonautですが、jQueryといくつかのjavascriptのみの契約をしました。それは命の恩人です。 あるjQueryユーザーから別のjQueryユーザーへ... jQuery（または下線-下を参照）でのテンプレート化を検討する必要があります。 jQueryに加えて私が貴重だと思ったその他のもの（私が使用しているプロジェクトの推定部分を含む）： jQueryフォームプラグイン（95％） jQueryフォームサンプルプラグイン（75％） jQuery UI（70％） Underscore.js（80％） CoffeeScript（30％） Backbone.js（10％）

126 javascript  jquery  review 

個別のチェックボックスが選択されているかどうかを確認する方法を知っています。 しかし、私は次の問題を抱えています-フォームIDが与えられた場合、チェックボックスのいずれかが選択されているかどうか（つまり、1つ以上）を確認する必要があり、何も選択されていないかどうかを確認する必要があります。基本的に、私はこれら2つの質問に答える2つの個別の機能が必要です。助けていただければ幸いです。ありがとう！ 実際には、何も選択されていない場合に通知する関数が必要です。これを知ることは他の質問に答えます。

126 javascript  jquery  forms 

Bootstrap 3のJavascriptのサンプルページのCollapseのコアサンプルを使用して、シェブロンアイコンを使用して折りたたみの状態を表示できました。 私はこれを使ってこれを働いています： $('#accordion .accordion-toggle').click(function (e) { var chevState = $(e.target).siblings("i.indicator").toggleClass('glyphicon-chevron-down glyphicon-chevron-up'); $("i.indicator").not(chevState).removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up"); }); これは機能しますが（すべてのブラウザで完全にテストされているわけではありません）、これに対するよりエレガントな解決策があるかどうか疑問に思っていますか？ 理想的にはコア関数を使用したいのですが、それを使用して同じ結果を得る方法がわかりません。 $('#accordion').on('hidden.bs.collapse', function () { //do something... }) これがjsfiddleで動作するバージョンです。

126 jquery  css  twitter-bootstrap  twitter-bootstrap-3 

私はjQueryのセレクター、特にidセレクターを使用しています。 $("#elementId")... jQueryが要素を検出したかどうかをどのように判断すればよいですか？指定されたIDの要素が存在しない場合でも、次のステートメントは私に与えます：[object Object] alert($("#idThatDoesnotexist"));

126 jquery  css-selectors 

ReactJSコンポーネント内でevent.stopPropagation（）を使用して、レガシーコードでJQueryに添付されたクリックイベントが発生し、クリックイベントがトリガーされるのを停止しようとしていますが、ReactのstopPropagation（）がイベントへの伝播を停止するだけのようですReactにもアタッチされており、JQueryのstopPropagation（）は、Reactにアタッチされたイベントへの伝播を停止しません。 これらのイベントでstopPropagation（）を機能させる方法はありますか？これらの動作を示すために、簡単なJSFiddleを作成しました。 /** @jsx React.DOM */ var Propagation = React.createClass({ alert: function(){ alert('React Alert'); }, stopPropagation: function(e){ e.stopPropagation(); }, render: function(){ return ( <div> <div onClick={this.alert}> <a href="#" onClick={this.stopPropagation}>React Stop Propagation on React Event</a> </div> <div className="alert"> <a href="#" onClick={this.stopPropagation}>React Stop Propagation on JQuery Event</a> </div> <div onClick={this.alert}> <a href="#" …

126 javascript  jquery  reactjs 

ユーザーがブラウザウィンドウのサイズ変更を終了したときに、jQueryまたはJavaScriptで関数をトリガーする方法はありますか？ 言い換えると： ユーザーがブラウザウィンドウのサイズを変更しているときにマウスアップイベントを検出できますか？さもないと： ウィンドウのサイズ変更操作がいつ終了したかを検出できますか？ 現在、ユーザーがjQueryを使用してウィンドウのサイズ変更を開始したときにのみ、イベントをトリガーできます

125 javascript  jquery 

ローカルファイルからXMLHttpRequestを使用してHTTPリクエストを実行しようとすると、基本的にAccess-Control-Allow-Origin違反のために失敗します。 しかし、私はローカルWebページを自分で使用しているので、Google Chromeにローカルファイルからインターネット上のURLへの要求を許可する方法があるのか​​と思っていました。 たとえば、$.get('http://www.google.com/')ローカルファイルで実行すると失敗しますが、自分でスクリプトを作成して自分で使用しているので、抑制してURLをロードできれば非常に便利です。 では、Google ChromeがローカルファイルからXMLHttpRequestを使用してURLをロードできるようにするにはどうすればよいですか？

125 javascript  jquery  google-chrome  xmlhttprequest  local-files 

既存の.aspxページでjQueryのUIプラグインであるDatePickerを使用すると、次のエラーが発生します。 $("#datepicker").datepicker is not a function ただし、datePickerを作成して使用する同じコードをコピーして、aspxページと同じディレクトリにあるHTMLファイルに貼り付けると、問題なく動作します。これにより、aspxページにJSファイルがあり、datePickerまたはjQueryのUI JSファイルが適切に読み込まれない原因となっていると想定します。 誰かが私の信念を確認したり、jQueryのUIプラグインを妨害している犯人を見つけるためのヒントを提供したりできますか？

125 asp.net  javascript  jquery  datepicker 

私は以前に作成したいくつかのWebサイトを持っていますが、jqueryマウスイベントを使用しています... iPadを入手したばかりで、すべてのマウスオーバーイベントがクリックに変換されることに気付きました...たとえば、1回ではなく2回クリックする必要があります..（実際のクリックよりも最初のホバー） これを解決するための回避策はありますか？多分私はマウスオーバー/アウトなどの代わりに使用したjqueryコマンド。ありがとう！

125 jquery  ipad  hover  mouseover 

<input type="checkbox" />jQuery でのチェック/チェック解除イベントをキャッチするにはどうすればよいですか？

125 jquery  unchecked 

チェックボックスにイベントリスナーがあります： <input type="checkbox" name="something"> 私のイベントリスナー： $('input[type="checkbox"][name="something"]').change(function() { //DO SOMETHING }); .propチェックボックスを変更する別のイベントリスナーがあります。 $('#button').click(function() { $('input[type="checkbox"][name="something"]').prop("checked", false); }); チェックボックスのDO SOMETHINGトリガーをチェックすると。をクリックする#buttonと、.prop変更とチェックボックスが視覚的にオフになっているのが表示されますが、DO SOMETHINGトリガーされません... 私が見落としている何か？

125 jquery 

jQuery UI sortable関数を使用して、ユーザーが注文を設定し、変更時にデータベースに書き込み、更新できるようにしたいと考えています。これがどのように行われるかについて誰かが例を書くことはできますか？

125 php  jquery  mysql  jquery-ui  jquery-ui-sortable 

私はループしている配列を持っています。条件がtrueになるたびに、HTML以下のコードのコピーをいくつかの値を持つコンテナー要素に追加したいと思います。 このHTMLをスマートな方法で再利用するにはどこに置くことができますか？ <a href="#" class="list-group-item"> <div class="image"> <img src="" /> </div> <p class="list-group-item-text"></p> </a> jQuery $('.search').keyup(function() { $('.list-items').html(null); $.each(items, function(index) { // APPENDING CODE HERE }); });

125 javascript  jquery  json 

3つのフォームを含むWebページがあります。入れ子になっておらず、次々に並んでいます（ほとんど同じですが、1つの隠し変数だけが異なります）。ユーザーが入力するフォームは1つだけです。JSスクリプトを1つだけ使用して、すべてのフォームを検証などしたいと思います。 では、ユーザーがform＃1の送信ボタンをクリックしたときに、jsスクリプトでform1のフィールドのみを処理するようにするにはどうすればよいでしょうか。$（this）.parentsと関係のあるものを集めましたが、どうすればよいかわかりません。 私の検証スクリプト（他の場所で使用し、フォームが1つだけ）は次のようになります。 $(document).ready(function(){ $("#submit").click(function(){ $(".error").hide(); var hasError = false; var nameVal = $("#name").val(); if(nameVal == '') { $("#name").after('Please enter your name.'); hasError = true; } if(hasError == false) {blah blah do all the processing stuff} $（ "＃name"）。val（）などを$（this）.parents（ 'form'）。name.val（）に置き換える必要がありますか？または、これについてより良い方法はありますか？ ありがとう！

124 jquery  forms