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

次のコードは機能します。 $("#select-id").change(function(){ var cur_value = $('#select-id option:selected').text(); . . . }); 2行目を次のようにリファクタリングする方法： var cur_value = $(this).***option-selected***.text(); 何に使うの***option-selected***？

91 javascript  jquery 

私は次のような単純なhtmlブロックを持っています： <span id="replies">8</span> jqueryを使用して、値（1）に1を追加しようとしています。 var currentValue = $("#replies").text(); var newValue = currentValue + 1; $("replies").text(newValue); 何が起こっているのですか？ 81 その後 811 9ではなく、これが正解です。何が悪いのですか？

91 javascript  jquery  casting 

以下では、要素my_class内のクラスを含む要素をどのように選択する必要がありますid = "my_id"か？ 要素には別のクラスも含まれる可能性があることに注意してください。 <div id = "my_id"> <span class = "my_class hidden">hi</span> <span class = "my_class">hello</span> </div> しようとしていました $("#my_id [class*=my_class ]")

91 jquery 

この質問がすでに回答されている場合は、お詫び申し上げます。解決策を探してみましたが、自分のコードに適したものは見つかりませんでした。私はまだjQueryを初めて使用します。 2つの異なるページに2種類のスティッキーメニューがあります。これが両方のコードです。 $(document).ready(function () { var contentNav = $('.content-nav').offset().top; var stickyNav = function () { var scrollTop = $(window).scrollTop(); if (scrollTop > contentNav) { $('.content-nav').addClass('content-nav-sticky'); } else {; $('.content-nav').removeClass('content-nav-sticky') } }; stickyNav(); $(window).scroll(function () { stickyNav(); }); }); $(document).ready(function () { var stickyNavTop = $('.nav-map').offset().top; // var contentNav = $('.content-nav').offset().top; …

91 javascript  jquery  html  css  dom 

要素の "display" cssプロパティが変更されたかどうかを検出する方法はありますか（何もないか、ブロックかインラインブロックか...）？そうでない場合、プラグインはありますか？ありがとう

91 javascript  jquery  html 

画像ファイルが見つからないときに、レンダリングされたHTMLページから従来の「画像が見つかりません」アイコンを非表示にする方法を知っていますか？ JavaScript / jQuery / CSSを使用する作業方法はありますか？

91 javascript  jquery  html  css  image 

ページの読み込みが完了したことを検出する方法はありますか。つまり、すべてのコンテンツ、JavaScript、CSSや画像などのアセットです。 以下のようなので： if(PAGE HAS FINISHED LOADING) { // do something amazing } さらに、ページが1分以上ロードされている場合は、次のような他のことを行います。 if(PAGE HAS BEEN LOADING FOR 1 MIN) { // do something else amazing } AppleのMobileMeのようなWebサイトが同様のチェックを行うのを見てきましたが、それらの巨大なコードライブラリでそれを理解することができませんでした。 誰か助けてもらえますか？ ありがとう 編集：これは基本的に私がやりたいことです： // hide content $("#hide").hide(); // hide loading $("#loading").hide(); // fade in loading animation setTimeout($('#loading').fadeIn(), 200); jQuery(window).load(function() { $("#hide").fadeIn(); $("#loading").fadeOut(function() …

91 jquery 

jQueryは初めてですが、これがばかげた質問である場合はお詫びします。 私がそれを使用してidを使用する要素を見つけると、常に1つの一致があることを知っており、それにアクセスするためにインデックス[0]を使用します。これを行うより良い方法はありますか？例えば var gridHeader = $("#grid_GridHeader")[0];

91 javascript  jquery 

Jqueryを使用してテキストボックスが無効になっているか有効になっているかを確認する必要があります。

91 jquery  html 

5分ごとにサーバーへのAjax呼び出しを行うJavascript JQueryコードがいくつかあります。これは、サーバーセッションを存続させ、ユーザーをログイン状態に保つためです。私は$.ajax()JQueryでメソッドを使用しています。この関数には、ユーザーのインターネット接続がダウンしてKeepAliveスクリプトが引き続き実行される場合に使用しようとしている「エラー」プロパティがあるようです。次のコードを使用しています。 var keepAliveTimeout = 1000 * 10; function keepSessionAlive() { $.ajax( { type: 'GET', url: 'http://www.mywebapp.com/keepAlive', success: function(data) { alert('Success'); setTimeout(function() { keepSessionAlive(); }, keepAliveTimeout); }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert('Failure'); setTimeout(function() { keepSessionAlive(); }, keepAliveTimeout); } }); } 実行すると、10秒ごとに警告ボックスの画面に「成功」​​ポップアップが表示されますが、これは問題ありません。ただし、ネットワークケーブルを抜くとすぐに何も表示されず、エラー関数が呼び出されて「失敗」警告ボックスが表示されると予期していましたが、何も起こりません。 「エラー」関数はサーバーから返された「200」以外のステータスコードに対してのみであると想定して正しいですか？Ajax呼び出しを行うときにネットワーク接続の問題を検出する方法はありますか？

91 javascript  ajax  jquery 

私がやろうとしているのは、ボタンをクリックすると、ページ上の特定のdivまで（スムーズに）スクロールするようにすることです。 ボタンをクリックすると、div 'second'までスムーズにスクロールします。 .first { width: 100%; height: 1000px; background: #ccc; } .second { width: 100%; height: 1000px; background: #999; } <div class="first"><button type="button">Click Me!</button></div> <div class="second">Hi</div> コードスニペットを実行する結果を非表示スニペットを展開

91 javascript  jquery 

これに関するいくつかの例がWebにありますが、正しく機能していないようです。私は問題を理解することができません。 私はこの単純なhtmlを持っています <div id="foo" data-num="0"></ div> <a href="#" id="changeData">change data value</a> 「データ値の変更」リンクをクリックするたびに、data-numのデータ値を更新したいと思います。たとえば、1、2、3、4、...にする必要があります（リンクをクリックするたびに1を加えます） 私が持っているのは var num = $('#foo').data("num"); console.log(num); num = num+1; console.log(num); $('#foo').attr('data-num', num); 値は毎回0から1に1回変化します。インクリメンタルにすることはできません。私が間違っていることについて何か提案はありますか？

91 jquery 

PHPを介してJSON形式からデータを読み取りたいという状況が発生しましたが、JSON形式を動的に作成するためにJavascriptオブジェクトを構築する方法を理解するのに問題があります。 私のシナリオは次のとおりです。 <input title="QA" type="text" class="email"> <input title="PROD" type="text" class="email"> <input title="DEV" type="text" class="email"> これまでのJavascriptコードは、各入力でデータを取得しますが、これからの処理方法を理解できません。 var taskArray = {}; $("input[class=email]").each(function() { var id = $(this).attr("title"); var email = $(this).val(); //how to create JSON? }); 可能であれば、次の出力を取得したいと思います。 [{title: QA, email: 'a@a.com'}, {title: PROD, email: 'b@b.com'},{title: DEV, email: 'c@c.com'}] 電子メールが入力フィールド値によって取得される場所。

91 javascript  jquery  html  json 

私はモーダルを持っており、そのモーダル内に、機能している大きな非表示のコンテンツを表示するドロップダウンがあります。 これで、最初のモーダルの上に積み重ねられた次のモーダルを開いて閉じると、下のモーダルのスクロールが無効になります。 直面している問題を再現する手順を含む、完全な例を作成しました。あなたはそれをここで見ることができます。 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet"> <title></title> <style> </style> </head> <body> <input type="button" data-toggle="modal" data-target="#modal_1" class="btn btn-lg btn-primary" value="Open Modal 1" > <div class="modal fade" id="modal_1"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title">First Modal</h4> …

91 jquery  html  twitter-bootstrap 

私は次のようなものが欲しいです： $('#myDiv').bind('class "submission ok" added'){ alert('class "submission ok" has been added'); });

91 javascript  jquery  javascript-events