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

重複の可能性： JavaScript javascript undefined compare で未定義のオブジェクトプロパティを検出しています 次のように、未定義の変数のチェックを追加する方法： function A(val) { if (val == undefined) // do this else // do this }

172 javascript  jquery  undefined 

<div>from 200pxからautoheight までアニメートしたい。私はそれを動作させることができないようです。誰か知っていますか？ これがコードです： $("div:first").click(function(){ $("#first").animate({ height: "auto" }, 1000 ); });

171 javascript  jquery  html  css  jquery-animate 

次のjQueryを使用すると、要素の背景色のRGB値が取得されます。 $('#selector').css('backgroundColor'); RGBではなく16進値を取得する方法はありますか？

171 javascript  jquery  colors  hex  rgb 

HTML <select>アイテムから選択したオプションのインデックスを取得する方法について少し混乱しています。 で、このページの2つの方法があります。ただし、どちらも常にを返し-1ます。ここに私のjQueryコードがあります： $(document).ready(function(){ $("#dropDownMenuKategorie").change(function(){ alert($("#dropDownMenuKategorie option:selected").index()); alert($("select[name='dropDownMenuKategorie'] option:selected").index()); }); }); そしてhtmlで (...) <select id="dropDownMenuKategorie"> <option value="gastronomie">Gastronomie</option> <option value="finanzen">Finanzen</option> <option value="lebensmittel">Lebensmittel</option> <option value="gewerbe">Gewerbe</option> <option value="shopping">Shopping</option> <option value="bildung">Bildung</option> </select> (...) なぜこの動作ですか？メソッドselectを割り当てるときに「準備ができていない」可能性はありますchange()か？さらに、に変更.index()する.val()と正しい値が返されるので、それが私をさらに混乱させています。

171 jquery  html  select  indexing 

ボタンをクリックすると、ページが一番上にスクロールするように設定します。しかし、最初にifステートメントを使用して、ページの上部が0に設定されていないかどうかを確認しました。次に、0でない場合は、ページをアニメーション化して上部にスクロールします。 var body = $("body"); var top = body.scrollTop() // Get position of the body if(top!=0) { body.animate({scrollTop:0}, '500'); } トリッキーな部分は、ページが一番上までスクロールした後で何かをアニメーション化することです。だから私の次の考えは、ページの位置が何であるかを調べます。そこで、コンソールログを使用して調べました。 console.log(top); // the result was 365 これは私に365の結果を与えました、それは私が一番上にスクロールする直前にあった位置番号だと思います。 私の質問は、ページが0になったときに実行される別のアニメーションを追加できるように、位置を0に設定する方法です。 ありがとう！

171 jquery  jquery-animate  scrolltop 

無効なボタンにツールチップを表示し、有効なボタンからツールチップを削除する必要があります。現在、それは逆に動作します。 この行動を逆転させる最良の方法は何ですか？ $('[rel=tooltip]').tooltip(); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> <hr> <button class="btn" disabled rel="tooltip" data-title="Dieser Link führt zu Google">button disabled</button> <button class="btn" rel="tooltip" data-title="Dieser Link führt zu Google">button not disabled</button> コードスニペットを実行する結果を非表示スニペットを展開 ここにデモがあります PS：私はdisabled属性を保持したいと思います。

171 javascript  jquery  html  twitter-bootstrap  twitter-bootstrap-tooltip 

すべての入力フィールドにhtml5検証を使用して必要なjQueryを自動的に書き込む方法を探していましたが、どこに書き込むかを伝えるのに問題があります。 これを撮りたい <input type="text" name="first_name" value="" id="freeform_first_name" maxlength="150"> 終了タグの前に自動的に必須を追加します <input type="text" name="first_name" value="" id="freeform_first_name" maxlength="150" required> に沿って何かをすることができると思った $("input").attr("required", "true"); しかし、それは機能しません。どんな助けでも大歓迎です。

171 javascript  jquery  validation 

クラスとIDを同時に選択したいリンクがいくつかあります。 これは、2つの異なる動作があるためです。リンクのクラスが1つのクラス名を取得すると、それらはある方法で動作します。リンクの同じクラスが別のクラス名を取得すると、それらは異なる動作をします。クラス名はjqueryで切り替えられます。 したがって、リンククラスとIDを同時に選択できる必要があります。これは可能ですか？ 私はもう試した： $("a .save #country") 結果なし。

170 jquery  dom  jquery-selectors  css-selectors 

サーバーの処理に少し時間がかかるフォームがあります。ユーザーが待機し、もう一度ボタンをクリックしてフォームを再送信しないようにする必要があります。次のjQueryコードを使用してみました。 <script type="text/javascript"> $(document).ready(function() { $("form#my_form").submit(function() { $('input').attr('disabled', 'disabled'); $('a').attr('disabled', 'disabled'); return true; }); }); </script> Firefoxでこれを試すと、すべてが無効になりますが、フォームに含まれるはずのPOSTデータがフォームに送信されません。jQueryを使用してフォームを送信することはできません。複数の送信ボタンがあり、POSTに含まれている値によってどれが使用されたかを判断するため、フォームと共にボタンを送信する必要があるためです。通常どおりフォームを送信する必要があり、その直後にすべてを無効にする必要があります。 ありがとう！

170 javascript  jquery  double-submit-prevention  forms  http-post 

$('div').data('info', 1); alert($('div').data('info')); //this works $('div[data-info="1"]').text('222'); //but this don't work jquery内に要素を作成しています。その後、属性「データ」を追加したいと思います。彼は好きで追加されていますが、DOMではこれは明らかではなく、次を使用してアイテムを取得できません $('div[data-example="example"]').html() jsfiddle

170 jquery  html  custom-data-attribute 

私のウェブサイトには画像を切り替えるためのjsがありますが、もう一度画像をクリックすると遅延が発生します。遅延は1000msである必要があります。したがって、img.jpgをクリックすると、img_onclick.jpgが表示されます。次にimg_onclick.jpg画像をクリックすると、img.jpgが再び表示されるまでに1000ミリ秒の遅延が生じるはずです。 これがコードです： jQuery(document).ready(function($) { $(".toggle-container").hide(); $(".trigger").toggle(function () { $(this).addClass("active"); $(".trigger").find('img').prop('src', 'http://localhost:8888/images/img_onclick.jpg'); }, function () { $(this).removeClass("active"); $(".trigger").find('img').prop('src', 'http://localhost:8888/images/img.jpg'); }); $(".trigger").click(function () { $(this).next(".toggle-container").slideToggle(); }); });

170 javascript  jquery 

私iframeがこのようなものを作成した場合： var dialog = $('<div id="' + dialogId + '" align="center"><iframe id="' + frameId + '" src="' + url + '" width="100%" frameborder="0" height="'+frameHeightForIe8+'" data-ssotoken="' + token + '"></iframe></div>').dialog({ エラーを修正するにはどうすればよいですか？ 'https://www.google.com.ua/?gws_rd=ssl'「X-Frame-Options」が「SAMEORIGIN」に設定されているため、フレームでの表示が拒否されました。 JavaScriptを使って？

170 javascript  jquery  x-frame-options 

私はJQueryを初めて使います。私のアプリには次のものがあります： $("#displayPanel div").live("click", function(){ $(this).css({'background-color' : 'pink', 'font-weight' : 'bolder'}); }); Divをクリックすると、そのDivの色が変わります。そのClick関数内には、実行する機能がいくつかあります。結局、適用されたCssをDivから削除します。JQueryでどうすればよいですか？

169 jquery  css 

ドラッグ可能なマップを作成しています。マップがドラッグされると、要素には「左」属性と「上」属性がそれぞれに値が与えられます... <div class="map" style="top:200px; left:100px;">Map</div> クリックすると、divのインラインスタイルから上部と左側の属性を削除するボタンがあります。これはjqueryで可能ですか？

169 jquery 

これは一部の人には自明かもしれませんが、疑問に思っていました。なぜ、サイトのjQueryをホストするために、Googleのサーバーに依存する必要があるのでしょうか。 それはこのように速くロードするためだけですか？

169 jquery  performance  cdn