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

jQueryはJavaScriptライブラリです。JavaScriptタグの追加も検討してください。jQueryは人気のあるクロスブラウザーJavaScriptライブラリであり、ブラウザー間の不一致を最小限に抑えることで、ドキュメントオブジェクトモデル（DOM）トラバーサル、イベント処理、アニメーション、AJAXインタラクションを促進します。jQueryのタグが付いた質問はjQueryに関連している必要があるため、問題のコードはjQueryを使用する必要があり、少なくともjQueryの使用法に関連する要素を質問に含める必要があります。

8
Bootstrap 3でもスケールアップするレスポンシブなイメージを作成する方法
現在、Twitterブートストラップ3を使用していますが、レスポンシブな画像を作成する際に問題が発生しています。私はimg-responsiveクラスを使いました。しかし、画像サイズは拡大されていません。width:100%代わりに使用するとmax-width:100%、完全に機能します。問題はどこだ？これは私のコードです： <div class="col-md-4 col-sm-4 col-xs-12 "> <div class="product"> <div class="product-img "> <img class="img-responsive" src="img/show1.png" alt="" /> </div> </div> </div>
3
jQuery deferredの「then」メソッドをいつ使用する必要がありますか。「pipe」メソッドをいつ使用する必要がありますか？
jQueryにDeferredは、関数の非同期チェーンを実装するために使用できる2つの関数があります。 then() deferred.then( doneCallbacks, failCallbacks ) Returns: Deferred doneCallbacks Deferredが解決されたときに呼び出される関数または関数の配列。 failCallbacks Deferredが拒否されたときに呼び出される関数または関数の配列。 pipe() deferred.pipe( [doneFilter] [, failFilter] ) Returns: Promise doneFilter Deferredが解決されたときに呼び出されるオプションの関数。 failFilter Deferredが拒否されたときに呼び出されるオプションの関数。 私then()はもう少し長いことを知っているpipe()ので、後者はいくつかの追加の利点を追加する必要がありますが、その違いは正確にはわかりません。名前は異なりますが、a Deferredを返すことPromiseとa を返すことの違いはわずかに見えますが、どちらもほとんど同じコールバックパラメータを取ります。 私は何度も公式ドキュメントを読みましたが、常に「密度が高すぎて」本当に頭を抱えこむことができず、検索で1つの機能または他の機能に関する多くの議論が見つかりましたが、違いを明確にするものは何も見つかりませんでした。それぞれの長所と短所。 それで、いつ使用thenするのが良いのpipeですか、いつ使用するのが良いのですか？ 添加 Felixの優れた答えは、これら2つの機能の違いを明確にするのに役立ちました。しかし、の機能がの機能よりthen()も望ましい場合があるのでしょうかpipe()。 pipe()がより強力であることは明らかでthen()、前者は後者ができることは何でもできるようです。使用する理由の1つはthen()、その名前が、同じデータを処理する一連の関数の終了としての役割を反映していることです。 しかし、新しいものを返すために実行できないthen()元のものを返す必要があるユースケースはありますか？Deferredpipe()Promise
6
jQuery UI Autocompleteの選択後にフォームフィールドをクリアする
私はフォームを開発していて、jQuery UI Autocompleteを使用しています。ユーザーがオプションを選択すると、その選択が親<p>タグに追加されたスパンにポップされるようにします。次に、フィールドに選択が入力されるのではなくクリアされるようにします。 スパンは問題なく表示されていますが、フィールドをクリアできません。 jQuery UI Autocompleteのデフォルトの選択アクションをどのようにキャンセルしますか？ これが私のコードです： var availableTags = ["cheese", "milk", "dairy", "meat", "vegetables", "fruit", "grains"]; $("[id^=item-tag-]").autocomplete({ source: availableTags, select: function(){ var newTag = $(this).val(); $(this).val(""); $(this).parent().append("<span>" + newTag + "<a href=\"#\">[x]</a> </span>"); } }); 単に行うだけで$(this).val("");は機能しません。厄介なのは、オートコンプリートを無視してもほぼ正確な機能が正常に動作し、ユーザーが次のようにコンマを入力したときにアクションを実行することです。 $('[id^=item-tag-]').keyup(function(e) { if(e.keyCode == 188) { var newTag = $(this).val().slice(0,-1); $(this).val(''); $(this).parent().append("<span>" …
15
jQueryでテーブルを作成-追加
私はdivページを持っています： <div id="here_table"></div> そしてjqueryで： for(i=0;i<3;i++){ $('#here_table').append( 'result' + i ); } これは私のために生成します： <div id="here_table"> result1 result2 result3 etc </div> これを表で受け取りたい： <div id="here_table"> <table> <tr><td>result1</td></tr> <tr><td>result2</td></tr> <tr><td>result3</td></tr> </table> </div> やってる： $('#here_table').append( '<table>' ); for(i=0;i<3;i++){ $('#here_table').append( '<tr><td>' + 'result' + i + '</td></tr>' ); } $('#here_table').append( '</table>' ); しかし、これは私のために生成します： <div id="here_table"> <table> …
8
ユーザーが画像をスクロールして表示するときに、動的に（または遅延して）画像を読み込む方法
私は、これが多数の「モダン」ウェブサイト（facebookやgoogle画像検索など）で気づきました。この場合、スクロールせずに見える画像は、ユーザーがページを下にスクロールして表示可能なビューポート領域（ソースを表示すると、X個の<img>タグがありますが、サーバーからすぐにフェッチされません）。この手法は何と呼ばれ、どのように機能し、いくつのブラウザで機能します。そして、最小限のコーディングでこの動作を実現できるjQueryプラグインがあります。 編集する おまけ：HTML要素に「onScrolledIntoView」または同様のイベントがあるかどうか誰かが説明できますか。そうでない場合、これらのプラグインはどのように機能しますか？
10
HTML5フォーム検証のトリガー
いくつかの異なるフィールドセットを持つフォームがあります。フィールドセットを一度に1つずつユーザーに表示するJavascriptがあります。HTML5検証をサポートするブラウザーの場合、私はそれを利用したいと思います。しかし、私は自分の条件でそれを行う必要があります。私はJQueryを使用しています。 ユーザーがJSリンクをクリックして次のフィールドセットに移動すると、現在のフィールドセットで検証が行われ、問題が発生した場合にユーザーが先に進めないようにブロックする必要があります。 理想的には、ユーザーが要素にフォーカスを失うと、検証が発生します。 現在、novalidateにJavascriptを使用しています。ネイティブメソッドを使用したいと思います。:)
4
モデルのフェッチ時に1をtrueに、または0をfalseに変換する方法
mysqlデータベースからのJSON応答で設定されたモデルがあります。モデルデータは、データベースのboolean / tinyint型のフィールドにtrueまたはfalseに設定している使用しています1か0。 私の見解では、下線付きのブール値をチェックするバインディングがあります_.isBoolean。もちろん、モデルがデータを受け取ると、データはtrueまたはfalseで設定される1か、0代わりに設定され、_.isBooleanチェックは失敗します。 とにかく、mysqlからのJSON応答を1orの代わりにブール値のtrueまたはfalseに正しく設定0する方法はありますか、またはできれば、フェッチtrueまたはビューがレンダリングされる前に、モデルをキャストまたはにfalse基づいて更新する方法がありますそれは1または0プロパティですか？ たとえば、モデルのデータは{"isChecked":"1"}、必要なときに次のようになります。{"isChecked":true} あなたが持っているかもしれない提案をありがとうございました！
14
ロードされた画像のjQueryイベント
すべての画像がjQueryイベントを介して読み込まれたことを検出することは可能ですか？ 理想的には、 $(document).idle(function() { } または $(document).contentLoaded(function() { } しかし、私はそのようなことを見つけることができません。 私はこのようなイベントを添付することを考えました： $(document).ready(function() { var imageTotal = $('img').length; var imageCount = 0; $('img').load(function(){if(++imageCount == imageTotal) doStuff();}); } しかし、画像の読み込みに失敗すると、これは壊れますか？メソッドが適切なタイミングで呼び出されることが非常に重要です。
96 jquery  dom 
8
jQuery送信文字列をPOSTパラメータとして
文字列をajax Postパラメータとして送信したい。 次のコード： $.ajax({ type: "POST", url: "http://nakolesah.ru/", data: 'foo=bar&ca$libri=no$libri', success: function(msg){ alert('wow'+msg); } }); 動かない。どうして？
96 ajax  post  jquery 
3
backbone.js-何がクリックされたかを知るイベント
私のbackbone.jsビュークラスの1つには、次のようなものがあります。 ... events: { 'click ul#perpage span' : 'perpage' }, perpage: function() { // Access the text of the span that was clicked here // Something like: alert($(element).text()) }, ... 私のページごとのマークアップは次のようなものになるかもしれないので： <ul id="perpage"> <li><span>5</span></li> <li><span>10</span></li> </ul> では、イベントを発生させた要素に関する情報をどのように正確に見つけることができますか？または、この例では、それがクリックされましたか？
5
なぜ無名関数を定義してjQueryを引数として渡すのですか？
backbone.jsスクリーンキャストからの優れたpeepcodeデモコードを調べています。その中で、バックボーンコードはすべてjQueryオブジェクトに渡される無名関数で囲まれています。 (function($) { // Backbone code in here })(jQuery); 私自身のバックボーンコードでは、すべてのコードをjQuery DOMの「準備完了」イベントにラップしました。 $(function(){ // Backbone code in here }); 最初のアプローチのポイント/利点は何ですか？このようにすると、無名関数が作成され、関数の引数としてjQueryオブジェクトが渡されてすぐに実行され、$がjQueryオブジェクトであることを効果的に保証します。これが唯一のポイントですか-jQueryが '$'にバインドされていることを保証するためですか、それとも他の理由がありますか？
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.