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

現在のところ、この質問はQ＆A形式には適していません。私たちは回答が事実、参考文献、専門知識によってサポートされることを期待しますが、この質問はおそらく議論、議論、投票、または拡張された議論を誘います。この質問が改善され、場合によっては再開できると思われる場合は、ヘルプセンターにアクセスしてください。 7年前休業。 最近のFirefoxとSafariで正常に動作するJavaScript拡張ページをいくつか開発しました。Internet Explorerでのチェックに失敗しましたが、IE 6および7（これまでのところ）ではページが機能しません。一部のJavaScriptは実行されますが、スクリプトはなんらかの理由で実行されず、JavaScriptが存在しないかのようにページに表示されます。私はdom操作付きの独自のライブラリーを使用しています。YUI2からはYUI-LoaderとXML-Http-Requestを使用し、1つのページではJQueryに依存する「psupload」を使用しています。 Office XPからMicrosoft Script Editorをインストールしていますが、デバッグしています。私は今、特定のテストも書きます。 IEの典型的な欠点は何ですか？目を開いておくことができる方向。 私はこのページを見つけました、それはいくつかの違いを示しています。訪問：Quirksmode あなたの経験から、最初に探すべきいくつかの典型的なことを挙げていただけますか？ また、後で特定のタスクについてさらに質問しますが、今のところ、Firefoxで正常に実行されるスクリプトでIEが通常失敗する理由についてのあなたの経験に興味があります。 編集：すばらしい回答をありがとうございます！ それまでの間、コード全体を調整してInternet Explorerでも動作するようにしました。私はjQueryを統合し、自分のクラスをその上に構築しました。これは私の最初の間違いでした。最初からすべてをjQueryで構築しなかったのです。今私が持っています。 また、JSLintは非常に役立ちました。 そして、さまざまな答えからの単一の問題の多くが役立ちました。

108 jquery  firefox  yui  javascript 

閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 6年前休業。 この質問を改善する 最も便利なJQueryプラグインを教えてください。私は、一般的ではないニーズに対応するものではなく、Tablesorterなどの一般的なUI開発に役立つ可能性があるものに特に興味があります。 プラグインの目的の非常に簡単な説明を提供できれば、それは本当に役に立ちます。 ありがとう、ドン

108 jquery  plugins 

要素が表示されていないときのjQueryのようですwidth（）は0を返します。理にかなっていますが、親を表示する前に、親の幅を設定するためにテーブルの幅を取得する必要があります。 以下で説明するように、親にはテキストが含まれているため、親が歪んで見栄えが悪くなります。親の幅をテーブルと同じにして、テキストを折り返します。 <div id="parent"> Text here ... Can get very long and skew the parent <table> ... </table> Text here too ... which is why I want to shrink the parent based on the table </div> CSS： #parent { display: none; } JavaScript： var tableWidth = $('#parent').children('table').outerWidth(); if (tableWidth > …

108 jquery  width 

ページにモーダルがあります。ウィンドウが読み込まれるときにそれを呼び出そうとすると、コンソールに次のエラーが表示されます： $(...).modal is not a function これは私のモーダルHTMLです。 <div class="modal fade" id="prizePopup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> × </button> <h4 class="modal-title" id="myModalLabel"> This Modal title </h4> </div> <div class="modal-body"> Add some text here </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> …

108 javascript  jquery  html  bootstrap-modal 

CDNでjQuery Mobileスタイルシートにリンクしています。CDNが失敗した場合は、ローカルバージョンのスタイルシートにフォールバックしたいと考えています。スクリプトの場合、解決策はよく知られています。 <!-- Load jQuery and jQuery mobile with fall back to local server --> <script src="http://code.jquery.com/jquery-1.6.3.min.js"></script> <script type="text/javascript"> if (typeof jQuery == 'undefined') { document.write(unescape("%3Cscript src='jquery-1.6.3.min.js'%3E")); } </script> スタイルシートについても同様のことをしたいと思います： <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css" /> スクリプトをロードするときと同じようにスクリプトをリンクするときにブラウザーが同じようにブロックするかどうかがわからないため、同様のアプローチを達成できるかどうかわかりません（おそらく、スクリプトタグにスタイルシートをロードしてから、ページに挿入します）？ だから私の質問は：CDNが失敗した場合にスタイルシートがローカルに読み込まれるようにするにはどうすればよいですか？

108 jquery  html  jquery-mobile  stylesheet  cdn 

jqueryに（すべてを個別にリストすることなく）すべてのフォーム要素とフォーム要素のみを選択する簡単な方法はありますか？ フォームに他のHTMLが含まれているため、children（）などを使用できません。 例えば： $("form").each(function(){ $(this, "input, textarea, select"); });

108 jquery  jquery-filter 

JSONでオブジェクトをネストする方法はありますか？そのため、すべてから配列を作成する必要はありませんか？エラーなしでオブジェクトを解析するには、次のような構造が必要です。 {"data":[{"stuff":[ {"onetype":[ {"id":1,"name":"John Doe"}, {"id":2,"name":"Don Joeh"} ]}, {"othertype":[ {"id":2,"company":"ACME"} ]}] },{"otherstuff":[ {"thing": [[1,42],[2,2]] }] }]} このオブジェクトを「result」という変数にフェッチした場合、ネストされたオブジェクトに次のようにアクセスする必要があります。 result.data[0].stuff[0].onetype[0] そして result.data[1].otherstuff[0].thing[0] これは不器用で冗長なようですが、可能であれば次のようにします。 result.stuff.onetype[0] そして result.otherstuff.thing しかし、すべてが配列である場合、オブジェクトキーを直接使用するにはどうすればよいですか？私の混乱し、教育を受けていない心にとって、このようなものがより適切に見えるでしょう： {"data": {"stuff": {"onetype":[ {"id":1,"name": ""}, {"id":2,"name": ""} ]} {"othertype":[ {"id":2,"xyz": [-2,0,2],"n":"Crab Nebula","t":0,"c":0,"d":5} ]} } {"otherstuff": {"thing": [[1,42],[2,2]] } } } 私はおそらくここで基本的なことを誤解しているかもしれませんが、jQueryパーサー（およびjQuery 1.4で使用されるネイティブFFパーサー）が2番目のスタイルオブジェクトを受け入れることができません。誰かが私を悟らせることができればそれはありがたいことに感謝します！

108 javascript  jquery  json  syntax  parsing 

JavaScript配列で、要素のすべてのインスタンスのインデックス（「Nano」など）を見つけようとしています。 var Cars = ["Nano", "Volvo", "BMW", "Nano", "VW", "Nano"]; 私はjQuery.inArrayまたは同様に.indexOf（）を試しましたが、要素の最後のインスタンスのインデックス（この場合は5 ）しか与えられませんでした。 すべてのインスタンスでどのように取得できますか？

108 javascript  jquery  arrays 

changeとinputイベントの違いは誰か教えてもらえますか？ それらを追加するためにjQueryを使用しています： $('input[type="text"]').on('change', function() { alert($(this).val()); }) のinput代わりにも動作しますchange。 おそらく、フォーカスに対するイベントの順序に多少の違いがありますか？

108 javascript  jquery  events  dom 

crm（ViciDial）に（この方法で必要なため、GETを介して）送信するフォームを持っています。フォームを正常に送信できますが、その場合、crmの処理ファイルは成功テキストをエコーするだけで、それだけです。 そのテキストの代わりに、ウェブサイトにお礼ページを表示したいので、AJAXを使用してフォームを送信し、必要なページにリダイレクトすることにしましたが、ブラウザーでこのエラーが発生します。 混合コンテンツ：「https://page.com」のページはHTTPS経由で読み込まれましたが、安全でないXMLHttpRequestエンドポイント ' http://XX.XXX.XX.XXX/vicidial/non_agent_api.php?queries=query=dataをリクエストしました'。このリクエストはブロックされました。コンテンツはHTTPS経由で提供する必要があります。 これは私のAJAXスクリプトです： <script> SubmitFormClickToCall = function(){ jQuery.ajax({ url: "http://XX.XXX.XX.XX/vicidial/non_agent_api.php", data : jQuery("#form-click-to-call").serialize(), type : "GET", processData: false, contentType: false, success: function(data){ window.location.href = "https://www.example.com/thank-you"; } }); } </script> URLにhttpsを設定するだけでは機能しません。GETを介してデータを送信し、ユーザーを感謝ページにリダイレクトする方法はありますか？ ============================ ここでの問題は混合コンテンツでした。これは、HTTPSを介してページをロードし、HTTPにあるAPIをAJAX経由でヒットしようとしたことを意味します。しかし、ブラウザではそれを行うことはできません。 したがって、APIをHTTPSに設定できない場合（これは私のケースでした）、別の方法でこれにアプローチできます。 主な問題は、混合コンテンツの問題ではなく、APIにデータを送信して、ユーザーをファンシーなありがとうページにリダイレクトすることでした。AJAXを使用する代わりに、データを受信するphpファイルを作成し、curlを使用してそれをAPIに送信します（これはサーバー側で行われるため、混合コンテンツの問題はありません）。私の幸せなユーザーを豪華なありがとうページにリダイレクトします。

108 javascript  php  jquery  html  ajax 

これについては先日読んだと思いますが、どこにも見当たらないようです。要素を削除 するfadeOut()イベントがありますが、フェードアウトが完了する前にjQueryが要素を削除しています。 要素がフェードアウトするまでjQueryを待機させてから、要素を削除するにはどうすればよいですか？

107 jquery 

したがって、ビジネス要件に従って、クリックで表示されるドロップダウンメニューがあります。マウスを離すと、メニューは再び非表示になります。 しかし、今は、ユーザーがドキュメントのどこかをクリックするまでそれをそのままにしておくように求められています。どうすればこれを達成できますか？ これは私が今持っているものの簡単なバージョンです： $(document).ready(function() { $("ul.opMenu li").click(function(){ $('#MainOptSubMenu',this).css('visibility', 'visible'); }); $("ul.opMenu li").mouseleave(function(){ $('#MainOptSubMenu',this).css('visibility', 'hidden'); }); }); <ul class="opMenu"> <li id="footwo" class=""> <span id="optImg" style="display: inline-block;"> <img src="http://localhost.vmsinfo.com:8002/insight/images/options-hover2.gif"/> </span> <ul id="MainOptSubMenu" style="visibility: hidden; top: 25px; border-top: 0px solid rgb(217, 228, 250); background-color: rgb(217, 228, 250); padding-bottom: 15px;"> <li>some</li> <li>nav</li> <li>links</li> </ul> …

107 jquery 

GETを介して送信するテキスト入力とドロップダウンの数が多い検索フォームがあります。検索を実行するときにクエリ文字列から空のフィールドを削除して、検索URLを整理したいのですが。 var form = $("form"); var serializedFormStr = form.serialize(); // I'd like to remove inputs where value is '' or '.' here window.location.href = '/search?' + serializedFormStr jQueryを使用してこれを行う方法を教えてください。

107 javascript  jquery  forms  serialization  input 

jqueryを使用して特定の値をテキストボックスに適切にロードするにはどうすればよいですか？以下の1つを試してみましたが、[object Object]出力として得られます これについて教えてください、jqueryは初めてです。 proc = function(x, y) { var str1 = $('#pid').value; var str2 = $('#qtytobuy').value; var str3 = $('#subtotal').load('compz.php?prodid=' + x + '&qbuys=' + y); $('#subtotal').val(str3); } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form name="yoh" method="get"> Product id: <input type="text" name="pid" value=""><br/> Quantity to buy:<input type="text" name="qtytobuy" value="" onkeyup="proc(document.yoh.pid.value, this.value);"></br> Subtotal:<input type="text" name="subtotal" …

107 javascript  jquery 

（今のところ）JQuery MobileとPhonegapを一緒に使用する正しい方法は何ですか？ どちらのフレームワークも、使用する前にロードする必要があります。使用する前に両方がロードされていることをどのように確認できますか？

107 jquery  jquery-mobile  cordova