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

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

3
jQuery-入力要素がテキストボックスか選択リストかを判断します
jQueryの:inputフィルターによって返される要素がテキストボックスであるか選択リストであるかをどのように判断しますか? それぞれに異なる動作をしたい(テキストボックスはテキスト値を返し、selectはキーとテキストの両方を返す) セットアップ例: <div id="InputBody"> <div class="box"> <span id="StartDate"> <input type="text" id="control1"> </span> <span id="Result"> <input type="text" id="control2"> </span> <span id="SelectList"> <select> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select> </span> </div> <div class="box"> <span id="StartDate"> <input type="text" id="control1"> </span> <span id="Result"> <input type="text" id="control2"> </span> <span id="SelectList"> …

7
「すべてではない」jQueryセレクター
次のように、HTMLマークアップ内のすべてのdivを(jQueryを使用して)選択できます。 $('div') しかし、私は上記の選択から特定のdiv(たとえば持っているid="myid")を除外したいと思います。 Jquery関数を使用してこれを行うにはどうすればよいですか?

5
moment.jsを使用して日付を文字列「MM / dd / yyyy」に変換する
jquery datepickerから日付値を取得して、文字列形式「MM / dd / yyyy」に変換して、正しいajax投稿を実行できるようにする必要があります。ページが読み込まれるか、日付ピッカーを変更すると、jqueryajax呼び出しが行われます。 私はこのコードを持っています: var sTimestamp = moment($("#start_ts").datepicker("getDate")).format("MM/dd/yyyy"); ただし、「MM / dd / yyyy」にはなりません。フィドラーを使用して何が送信されているかを確認すると、これが本体です。 startTimestamp=03%2FTh%2Fyyyy&endTimestamp=03%2FTh%2Fyyyy&pageSize=50&pageNum=0 フィドラーでコンポーズを使用し、ボディを次のように変更した場合: startTimestamp=03/13/2013&endTimestamp=03/14/2013&pageSize=50&pageNum=0 私は正しい反応を得ます。だから、私の質問は、日付オブジェクトを取得し、moment.jsを使用して文字列「MM / dd / yyyy」にフォーマットする方法はありますか?または、datepickerから日付を取得する方法に問題がありますか? ところで、jQueryのドキュメントに書かれていることなので、datepicker.getDateは日付オブジェクトを返すと思います。 ありがとうございました、

6
divの内容を変更する-jQuery
リンクの1つがクリックされたときに、このdivのコンテンツを変更するにはどうすればよいですか? <div align="center" id="content-container"> <a href="#" class="click cgreen">Main Balance</a> <a href="#" class="click cgreen">PayPal</a> <a href="#" class="click cgreen">AlertPay</a> </div>
89 jquery 

5
idが始まるhtml要素を検索します
私の質問はこれです: 複数のページにHTMLコードがあり、それぞれにJQgrid(jqueryグリッド)を使用してデータを表示しました。これらの各ページで、JQgridを保持する要素の名前が「LIST_xxx」であることを私は知っていました。次に、各ページでその要素「LIST_XXXX」を取り、いくつかの処理を行うJavaScriptを作成する必要があります。IDで要素を検索するにはどうすればよいですか?ただし、(前述のように、IDの)最初の部分しかわかりません。 $('#list_[XXXX]')... --> The part surrounded by [] is variable on each page, i want to discriminate that. 私は自分自身を明確にしたと思います。ありがとう。
89 jquery 


5
インターフェイスFormDataを実装していないオブジェクトで呼び出された「append」
jqueryとajaxで画像をアップロードしようとしています。しかし、ここで奇妙なことが起こりました。コンソールでその表示をログに記録します TypeError:インターフェイスFormDataを実装していないオブジェクトで「append」が呼び出されました。 ここで私が間違ったことを教えてください。 JSスクリプト var prosrc=$("#pro_pix img").last().attr("src"); $("#logoform").on('change',function(event){ var postData = new FormData(this); $("#pro_pix img").last().hide(); $("#pro_pix img").first().show(); event.preventDefault(); $.ajax( { url : "/function/pro_pic_upload.php", type: "POST", data : postData, success:function(data, textStatus, jqXHR) { $("#pro_pix img").last().show(); $("#pro_pix img").first().hide(); $("#pro_pix h6").text(data); }, error: function(jqXHR, textStatus, errorThrown) { //if fails } }); }); 私のHTMLマークアップ …

8
Flashがインストールされているかどうかを検出し、インストールされていない場合は、ユーザーに通知する非表示のdivを表示するにはどうすればよいですか?
javascript / jQuery / etcを使用して、Flashがインストールされているかどうかを検出し、インストールされていない場合は、Flashをインストールする必要があることをユーザーに通知する情報を含むdivを表示するにはどうすればよいですか?

6
jQuery AJAX呼び出しの読み込みインジケーターを実装する
リンクから起動するBootstrapモーダルがあります。AJAXクエリがデータベースからデータをフェッチする間、約3秒間は空白のままです。ある種のローディングインジケーターを実装するにはどうすればよいですか?Twitterブートストラップはデフォルトでこの機能を提供しますか? 編集:モーダルのJSコード <script type="text/javascript"> $('#myModal').modal('hide'); $('div.divBox a').click(function(){ var vendor = $(this).text(); $('#myModal').off('show'); $('#myModal').on('show', function(){ $.ajax({ type: "GET", url: "ip.php", data: "id=" + vendor, success: function(html){ $("#modal-body").html(html); $(".modal-header h3").html(vendor); $('.countstable1').dataTable({ "sDom": "T<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>", "sPaginationType": "bootstrap", "oLanguage": { "sLengthMenu": "_MENU_ records per page" }, "aaSorting":[[0, "desc"]], "iDisplayLength": 10, "oTableTools": { "sSwfPath": "swf/copy_csv_xls_pdf.swf", "aButtons": …
88 javascript  jquery  html  ajax 

20
jQueryがAJAXクエリからのJSONを解析しない
サーバーから返されたJSONデータをjQuery.ajax()を使用して解析するのが難しい 私が使用しているAJAXを実行するには: $.ajax({ url: myUrl, cache: false, dataType: "json", success: function(data){ ... }, error: function(e, xhr){ ... } }); そして、私がアイテムの配列を返す場合、それはうまくいきます: [ { title: "One", key: "1" }, { title: "Two", key: "2" } ] 成功関数が呼び出され、正しいオブジェクトを受け取ります。 ただし、単一のオブジェクトを返そうとしている場合: { title: "One", key: "1" } エラー関数が呼び出され、xhrに「parsererror」が含まれています。JSONを回線で送信する前にサーバーで括弧で囲んでみましたが、違いはありません。それでも、コンテンツをJavaScriptの文字列に貼り付けてからeval()関数を使用すると、完全に評価されます。 私が間違っていることはありますか? アンソニー
88 jquery  ajax  json 

5
jQueryでデフォルトのリンククリック動作を停止する方法
Webページにリンクがあります。ユーザーがクリックすると、ページ上のウィジェットが更新されます。ただし、デフォルトの機能(別のページに移動する)がイベントが発生する前に発生するため、私は何かをしています。 リンクは次のようになります。 <a href="store/cart/" class="update-cart">Update Cart</a> jQueryは次のようになります。 $('.update-cart').click(function(e) { e.stopPropagation(); updateCartWidget(); }); 何が問題ですか?

3
requirejsでjQueryプラグインをロード可能にする方法
requirejs + jqueryを使用していて、jQueryプラグインをrequireでうまく機能させるスマートな方法があるかどうか疑問に思っていました。 たとえば、jQuery-cookieを使用しています。私が正しく理解していれば、jquery-cookie.jsというファイルを作成できます。 define(["jquery"], // Require jquery function($){ // Put here the plugin code. // No need to return anything as we are augmenting the jQuery object }); requirejs.config( { "shim": { "jquery-cookie" : ["jquery"] } } ); 次のようなjQueryのようなことができるかどうか疑問に思いました: if ( typeof define === "function" && define.amd && define.amd.jQuery …

10
モバイルSafariでクリックイベントの300ミリ秒の遅延を排除
モバイルSafariでは、リンク/ボタンがクリックされてからイベントが発生するまでのクリックイベントで300ミリ秒の遅延があることを読みました。遅延の理由は、ユーザーがダブルクリックするつもりかどうかを確認するために待機することですが、UXの観点からは、300ms待機することは望ましくありません。 この300ミリ秒の遅延を解消する1つの解決策は、jQuery Mobileの「タップ」処理を使用することです。残念ながら、私はこのフレームワークに精通しておらず、必要なものが1行または2行のコードをtouchend適切に適用するだけの場合は、大きなフレームワークをロードしたくありません。 多くのサイトと同様に、私のサイトには次のような多くのクリックイベントがあります。 $("button.submitBtn").on('click', function (e) { $.ajaxSubmit({... //ajax form submisssion }); $("a.ajax").on('click', function (e) { $.ajax({... //ajax page loading }); $("button.modal").on('click', function (e) { //show/hide modal dialog }); そして、私がしたいのは、次のような単一のコードスニペットを使用して、すべてのクリックイベントの300ミリ秒の遅延を取り除くことです。 $("a, button").on('tap', function (e) { $(this).trigger('click'); e.preventDefault(); }); それは悪い/良い考えですか?

13
jQuery、チェックボックス、.is(“:checked”)
関数を次のようなチェックボックス要素にバインドすると: $("#myCheckbox").click( function() { alert($(this).is(":checked")); }); チェックボックスは、イベントがトリガーされる前にチェックされた属性を変更します。これは通常の動作であり、逆の結果になります。 しかし、私がするとき: $("#myCheckbox").click(); チェックボックスは、イベントがトリガーされた後に、checked属性を変更します。 私の質問は、通常のクリックのようにjQueryからクリックイベントをトリガーする方法はありますか(最初のシナリオ)? PS:私はすでに試しましたtrigger('click');

6
「$()。ready(handler)」が推奨されないのはなぜですか?
以下からのjQuery APIドキュメントサイトについてready 次の3つの構文はすべて同等です。 $(document).ready(handler) $()。ready(handler)(これは推奨されません) $(ハンドラ) 宿題- ソースコードを読んで遊んだ後、なぜなのかわからない $().ready(handler) 推奨されません。1番目と3番目の方法はまったく同じです。3番目のオプションは、キャッシュされたjQueryオブジェクトのready関数を次のように呼び出しますdocument。 rootjQuery = jQuery(document); ... ... // HANDLE: $(function) // Shortcut for document ready } else if ( jQuery.isFunction( selector ) ) { return rootjQuery.ready( selector ); } しかし、ready関数は、選択したノード要素のセレクターと相互作用しません。readyソースコード: ready: function( fn ) { // Attach the listeners jQuery.bindReady(); // Add …

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.