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

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


14
Internet Explorer 9がテーブルセルを正しくレンダリングしない
私のウェブサイトは常にIE8、IE7、FF、Chrome、Safariでスムーズに動作しています。現在、IE9でテストしていますが、奇妙な問題が発生しています。一部のページでは、一部の表形式データが正しく表示されません。 HTMLソースはすべて正しく、ページを更新するたびに問題を示す行が変更されます(実を言うと、問題自体はすべてではなく、一部の更新でのみ表示されます)。 IEのF12ツールを使用すると、テーブル構造が正しく表示されます。M08000007448を含むTDの後に空のTDがあってはなりませんが、このように表示されます。 さらに、F12ツールを使用し、ツールバーの「要素をクリックして選択」ツールで、M08000007448と19の間の空のスペースをクリックしようとすると、「hidden td」ではなくTRが選択されます。 このテーブルレンダリングの問題は、アプリケーションの他のいくつかのテーブルでも発生しています。誰かがこのようなことを経験していますか?IE9でのみ発生します:( それが重要かどうかはわかりませんが、ページはASPNET(ウェブフォーム)で作成され、Jqueryと他のJSプラグインを使用しています。 ページを(画像付きで)保存し、IE9を使用してローカルで開いてみましたが、問題は発生しません。(もちろん、私はすべてのテーブル構造をチェックしましたが、問題ありません。ヘッダーとすべての行は、実際には同じ数のTDを持ち、必要に応じて正しい数のcolspanを持っています)。


14
JavaScript配列を文字列に変換します
「値」リストを反復処理して文字列に変換しようとしています。これがコードです: var blkstr = $.each(value, function(idx2,val2) { var str = idx2 + ":" + val2; alert(str); return str; }).get().join(", "); alert()関数は正常に動作し、適切な値を表示します。しかし、どういうわけか、jqueryの.get()関数は正しい種類のオブジェクトを取得できず、失敗します。何が悪いのですか?

7
要素が親の子であるかどうかを確認する
次のコードがあります。 <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> </head> <div id="hello">Hello <div>Child-Of-Hello</div></div> <br /> <div id="goodbye">Goodbye <div>Child-Of-Goodbye</div></div> <script type="text/javascript"> <!-- function fun(evt) { var target = $(evt.target); if ($('div#hello').parents(target).length) { alert('Your clicked element is having div#hello as parent'); } } $(document).bind('click', fun); --> </script> </html> Child-Of-Helloクリックされたときだけ期待し、$('div#hello').parents(target).length> 0を返します。 ただし、どこかをクリックすると必ず発生します。 コードに問題がありますか?
115 javascript  jquery 

12
<select multiple = multiple>から選択したすべての値を取得するにはどうすればよいですか?
奇妙なことに、これはすでに尋ねられたものを見つけることができませんでしたが、ここにあります! 私は次のようにhtmlを持っています: &lt;select id="select-meal-type" multiple="multiple"&gt; &lt;option value="1"&gt;Breakfast&lt;/option&gt; &lt;option value="2"&gt;Lunch&lt;/option&gt; &lt;option value="3"&gt;Dinner&lt;/option&gt; &lt;option value="4"&gt;Snacks&lt;/option&gt; &lt;option value="5"&gt;Dessert&lt;/option&gt; &lt;/select&gt; ユーザーがJavaScriptで選択したすべての値(配列?)を取得するにはどうすればよいですか? たとえば、ユーザーがランチとスナックを選択した場合、{2、4}の配列が必要です。 これは非常に簡単な作業のように思えますが、私にはできません。 ありがとう。
115 javascript  jquery  html 

8
jQuery text()と改行
言えるようになりたい $(someElem).text('this\n has\n newlines); そしてそれはブラウザの改行でレンダリングします。私が見つけた唯一の回避策は、csEプロパティ 'white-space'をsomeElemで 'pre'に設定することです。これはほとんど機能しますが、パディングを0に設定しても、テキストとsomeElemの上部との間にうっとうしいほど大きなパディングがあります。これを取り除く方法はありますか?
114 javascript  jquery  html 

6
JasmineでjQuery AJAXイベントを確認するにはどうすればよいですか?
Jasmineを使用して、基本的なjQuery AJAXリクエストのBDD仕様をいくつか作成しようとしています。現在、Jasmineをスタンドアロンモードで(つまりからSpecRunner.html)使用しています。SpecRunnerを設定して、jqueryおよびその他の.jsファイルをロードしました。以下がうまくいかない理由はありますか?has_returnedは、「ゆっぴ!」アラートは問題なく表示されます。 describe("A jQuery ajax request should be able to fetch...", function() { it("an XML file from the filesystem", function() { $.ajax_get_xml_request = { has_returned : false }; // initiating the AJAX request $.ajax({ type: "GET", url: "addressbook_files/addressbookxml.xml", dataType: "xml", success: function(xml) { alert("yuppi!"); $.ajax_get_xml_request.has_returned = true; } }); // …
114 javascript  jquery  ajax  jasmine  bdd 

6
安全でない応答または接続拒否が原因でajax呼び出しが失敗したかどうかを判別します
私は多くの研究をしており、これを処理する方法を見つけることができませんでした。カスタムの自己署名証明書を使用して、httpsサーバーからjettyを実行しているlocahost httpsサーバーにjQuery ajax呼び出しを実行しようとしています。私の問題は、応答が接続拒否であるか、または安全でない応答であるか(証明書の受け入れがないため)を判断できないことです。両方のシナリオの違いを判断する方法はありますか?responseText、およびstatusCodeクロムコンソールで、私は違いを見ることができるにもかかわらず、どちらの場合も、常に同じです。 net::ERR_INSECURE_RESPONSE net::ERR_CONNECTION_REFUSED responseTextは常に ""で、statusCodeどちらの場合も常に "0"です。 私の質問は、jQuery ajax呼び出しが原因で失敗したのERR_INSECURE_RESPONSEか、それとも失敗したのかをどのように判断できるのERR_CONNECTION_REFUSEDですか? 証明書が受け入れられるとすべてが正常に機能しますが、localhostサーバーがシャットダウンされているか、それが稼働しているのに証明書がまだ受け入れられていないかを知りたいです。 $.ajax({ type: 'GET', url: "https://localhost/custom/server/", dataType: "json", async: true, success: function (response) { //do something }, error: function (xhr, textStatus, errorThrown) { console.log(xhr, textStatus, errorThrown); //always the same for refused and insecure responses. } }); 手動でリクエストを実行しても、同じ結果が得られます。 var request = …
114 javascript  jquery  ajax  https 

1
jQueryバージョン1、バージョン2、バージョン3の違いは何ですか?[閉まっている]
休業。この質問には、より焦点を当てる必要があります。現在、回答を受け付けていません。 この質問を改善してみませんか?質問を更新して、この投稿を編集するだけで1つの問題に焦点を当てます。 2年前休業。 この質問を改善する 私は最近webchart.js、jQueryバージョン2を使用したページデザインに出くわし、jQueryバージョン1を使用しています。 コードが機能するために、最新バージョンを使用するためにそれを確認してから、jQueryコアサポートを確認しました。jQuery3がリリースされています。 現在、バージョン3の使用を考えていますが、バージョン3に互換性の問題があるかどうかを探しています。互換性の問題は、特定のデバイスでのみ使用できる場合があります。
114 javascript  jquery 

10
ifステートメントを使用してdivが空かどうかを確認する
別のdivが空の場合、特定のdivを削除しようとしています。これが私が使っているものです: $(document).ready(function () { if ('#leftmenu:empty') { $('#menuTitleWrapper').remove(); $('#middlemenu').css({ 'right': '0', 'position': 'absolute' }); $('#PageContent').css({ 'top': '30px', 'position': 'relative' }); } }); これは近いと思いますが、#leftmenuが空であることをテストするためのコードの書き方がわかりません。どんな助けでもありがたいです!
114 jquery 


18
ホバーされている間、Bootstrapポップオーバーを存続させるにはどうすればよいですか?
ブートストラップポップオーバーを使用して、ユーザー情報を表示するホバーカードを作成し、ボタンのマウスオーバーでトリガーします。ポップオーバー自体がホバーされている間、このポップオーバーを存続させたいのですが、ユーザーがボタンへのホバーを停止するとすぐに消えます。これどうやってするの? $('#example').popover({ html : true, trigger : 'manual', content : function() { return '&lt;div class="box"&gt;Popover&lt;/div&gt;'; } }); $(document).on('mouseover', '#example', function(){ $('#example').popover('show'); }); $(document).on('mouseleave', '#example', function(){ $('#example').popover('hide'); }); &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.js"&gt;&lt;/script&gt; &lt;script src="https://unpkg.com/@popperjs/core@2"&gt;&lt;/script&gt; &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/&gt; &lt;a href="#" id="example" class="btn btn-danger" rel="popover" &gt;hover for popover&lt;/a&gt; コードスニペットを実行する結果を非表示スニペットを展開

15
ラベルをクリックするとjQuery Clickが2回起動する
jQueryを使用してカスタムラジオボタンを作成していますが、問題があります。ラジオに関連付けられているラベルをクリックすると、クリックイベントが2回発生します。ラジオ自体のみをクリックすると、正常に機能します(実際には、クリックしているのはラジオではなく、入力とラベル全体をラップしているdivです)。これがコードです: HTML: &lt;div id="box"&gt; &lt;asp:RadioButtonList ID="RadioButtonList1" runat="server"&gt; &lt;asp:ListItem&gt;RADIO1&lt;/asp:ListItem&gt; &lt;asp:ListItem&gt;RADIO2&lt;/asp:ListItem&gt; &lt;asp:ListItem&gt;RADIO3&lt;/asp:ListItem&gt; &lt;/asp:RadioButtonList&gt; &lt;/div&gt; jQuery: &lt;script type="text/javascript"&gt; $(function () { $('#box').find('input:radio').each(function (i) { var input = $(this); // get the associated label using the input's id var label = $('label[for=' + input.attr('id') + ']'); // wrap the input + label in a …
114 jquery 


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