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

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

13
複数のJavaScriptファイルを1つのJSファイルに結合する[終了]
休業。この質問には、より焦点を当てる必要があります。現在、回答を受け付けていません。 この質問を改善してみませんか?質問を更新して、この投稿を編集するだけで1つの問題に焦点を当てます。 5年前に閉鎖。 この質問を改善する Webアプリケーションでjqueryを使用していて、さらに多くのjqueryスクリプトファイルを単一のページにロードする必要があります。 Googleは、すべてのjqueryスクリプトファイルを1つのファイルに結合することを提案しました。 これどうやってするの?

22
<something>をN回実行します(宣言構文)
JavaScriptにこのようなものを簡単に書く方法はありますか: [1,2,3].times do { something(); } 同様の構文をサポートする可能性のあるライブラリはありますか? 更新:明確にするために- something()各配列要素の反復ごとにそれぞれ1、2、3回呼び出されたい

21
ファイルをアップロードする前のファイル拡張子の検証
画像をサーブレットにアップロードしています。アップロードされたファイルが画像であるかどうかの検証は、ファイルヘッダーの魔法数をチェックすることにより、サーバー側でのみ行われます。フォームをサーブレットに送信する前に、クライアント側で拡張機能を検証する方法はありますか?Enterキーを押すとすぐに、アップロードが開始されます。 クライアント側でJavascriptとjQueryを使用しています。 更新: 最終的に、バイトを読み取り、画像でない場合はアップロードを拒否するサーバー側の検証が行われました。

6
特定のクラスのdivを検出するjqueryがDOMに追加されました
.on()ページの読み込み後に作成されるdivのイベントをバインドするために使用しています。クリック、mouseenterで問題なく動作します...しかし、クラスMyClassの新しいdivがいつ追加されたかを知る必要があります。私はこれを探しています: $('#MyContainer').on({ wascreated: function () { DoSomething($(this)); } }, '.MyClass'); どうすればよいですか?プラグインなしでアプリ全体を作成できたので、そのままにしておきたいと思います。 ありがとう。
90 jquery 


6
javascript / jqueryでbase64を画像に変換します
javascript / jqueryを使用して画像をキャプチャするためのコードをいくつか作成しました。コードは次のとおりです。 function capture_image(){ alert("capture_image"); var p = webcam.capture(); webcam.save(); alert("capture complete "+p); //getting true here var img = canvas.toDataURL("image"); var item_image = img.replace(/^data:image\/(png|jpg);base64,/, "") ; alert("item_image"+item_image); } item_imageは、base64形式、そのbase64を画像に変換する方法、およびjavascriptクライアント側でそのパスを使用する方法を出力します。 グーグルで非常に多くのウェブサイトを検索していますが、機能しておらず、そのコードは私の要件に適していません。

12
Firefoxの場合のみ「ソース付きの<script>の読み込みに失敗しました」
Marketoフォームをyiiフレームワークの既存のWebサイトと統合したいと思います。私のコードはFirefoxを除くすべてのブラウザで動作します。 私のコードからの抜粋: $('#button').click(function () { var formData = { 'Email': $('#UserInfo_email').val(), 'FirstName': $('#UserInfo_first_name').val(), 'LastName': $('#UserInfo_last_name').val(), }; MktoForms2.loadForm('//app-ab23.marketo.com', mcId, formId, function (form) { var myForm = MktoForms2.allForms()[0]; myForm.addHiddenFields(formData); myForm.onSuccess(function (values, followUpUrl) { return false; }); myForm.submit(); }); }); Firefoxでメッセージだけでエラーが発生する ソース「http://app-ab23.marketo.com/index.php/form/getForm?munchkinId=1111&amp;form=1111&amp;url=http%3A%2F%2Fblox.dev%2Fwizard%2Fmap&amp;callback=」の&lt;script&gt;の読み込みに失敗しましたjQuery110207175825035737486_1503656391790&_ = 1503656391791」。 他のブラウザは正しく仕事をします 注:munchkinIdとformIdは、ここに投稿するために変更されています。

26
AJAXを使用してBootstrapポップオーバーコンテンツをロードします。これは可能ですか?
私が試したことの適切なビットはここにあります: &lt;a href="#" data-content="&lt;div id='my_popover'&gt;&lt;/div&gt;"&gt; Click here &lt;/a&gt; $(".button").popover({html: true}) $(".button").click(function(){ $(this).popover('show'); $("#my_popover").load('my_stuff') }) クリックすると、リクエストが行われるのがわかりますが、ポップオーバーにデータが入力されません。ポップオーバーのHTMLがDOMに追加されることすらありませんが、それはファイアバグである可能性があります。 誰かがこれを試しましたか?

6
javascript jqueryラジオボタンのクリック
2つのラジオボタンとjqueryを実行しています。 &lt;input type="radio" name="lom" value="1" checked&gt; first &lt;input type="radio" name="lom" value="2"&gt; second これで、ボタンを使用して、関数を実行するようにonClickを設定できます。ラジオボタンの1つをクリックしたときに、ラジオボタンが機能するようにするにはどうすればよいですか。

6
1つを除くすべてのクラスを削除する
まあ、私はいくつかのjQueryアクションを使用して、特定のdivに多くのクラスを追加できることを知っています。 &lt;div class="cleanstate"&gt;&lt;/div&gt; いくつかのクリックなどで、divは多くのクラスを取得するとします &lt;div class="cleanstate bgred paddingleft allcaptions ..."&gt;&lt;/div&gt; では、どのようにして1つを除くすべてのクラスを削除できますか?私が思いついた唯一のアイデアはこれです: $('#container div.cleanstate').removeClass().addClass('cleanstate'); removeClass()すべてのクラスを殺している間、divはめちゃくちゃになりますが、直後に追加addClass('cleanstate')すると通常に戻ります。他の解決策は、削除されないように基本的なCSSプロパティを持つID属性を配置することです。これにより、パフォーマンスも向上しますが、「。cleanstate」以外のすべてを取り除く別の解決策を知りたいだけです。 実際のスクリプトでは、divがクラスのさまざまな変更に影響を受けるため、これを求めています。

10
テキストでリンクを選択(完全一致)
jQueryを使用して、ある種のテキストを正確に含むリンクを選択します。例えば: &lt;p&gt;&lt;a&gt;This One&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;a&gt;"This One?"&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;a&gt;Unlikely&lt;/a&gt;&lt;/p&gt; 私はこれを試しました: $('a:contains("This One")') ただし、最初のリンクと2番目のリンクを選択します。ちょうど「これ」を含む最初のリンクが欲しいだけです。どうやってやるの?

8
値によるjQuery選択オプション要素
span要素でラップされたselect要素があります。選択IDの使用は許可されていませんが、スパンIDの使用は許可されています。入力が数値iであるjavascript / jquery関数を記述しようとしています。これは、selectのオプションの値の1つです。この関数は、関連するオプションを選択済みにします。 &lt;span id="span_id"&gt; &lt;select id="h273yrjdfhgsfyiruwyiywer" multiple="multiple"&gt; &lt;option value="1"&gt;cleaning&lt;/option&gt; &lt;option value="2"&gt;food-2&lt;/option&gt; &lt;option value="3"&gt;toilet&lt;/option&gt; &lt;option value="4"&gt;baby&lt;/option&gt; &lt;option value="6"&gt;knick-knacks&lt;/option&gt; &lt;option value="9"&gt;junk-2&lt;/option&gt; &lt;option value="10"&gt;cosmetics&lt;/option&gt; &lt;/select&gt; &lt;/span&gt; 私は次のように書きました(これは完全に機能しないため、この質問を投稿しています)。 function select_option(i) { options = $('#span_id').children('select').children('option'); //alert(options.length); //7 //alert(options[0]); //[object HTMLOptionElement] //alert(options[0].val()); //not a jquery element //alert(options[0].value); //1 //the following does not seem to work …

8
jQuery UIオートコンプリートで結果を検出しない
あなたにそれらを指摘する前に、はい、私はこのトピックに関する半ダースの投稿をレビューしましたが、なぜこれが機能しないのかについて私はまだ困惑しています。 私の目標は、オートコンプリートが0の結果をもたらすときを検出することです。これがコードです: $.ajax({ url:'sample_list.foo2', type: 'get', success: function(data, textStatus, XMLHttpRequest) { var suggestions=data.split(","); $("#entitySearch").autocomplete({ source: suggestions, minLength: 3, select: function(e, ui) { entityAdd(ui.item.value); }, open: function(e, ui) { console.log($(".ui-autocomplete li").size()); }, search: function(e,ui) { console.log("search returned: " + $(".ui-autocomplete li").size()); }, close: function(e,ui) { console.log("on close" + $(".ui-autocomplete li").size()); $("#entitySearch").val(""); …

2
jQuery xmlエラー '要求されたリソースに' Access-Control-Allow-Origin 'ヘッダーがありません。
私は楽しみのために私の個人的なプロジェクトに取り組んでいます。http: //www.ecb.europa.eu/stats/eurofxref/eurofxref-daily.xmlにあるxmlファイルを読み取り、xml を解析し、これを使用して、通貨間の値を変換します。 これまでのところ、xmlを読み取るためのかなり基本的なコードを考え出しましたが、次のエラーが発生します。 XMLHttpRequestは****を読み込めません。要求されたリソースに「Access-Control-Allow-Origin」ヘッダーがありません。したがって、オリジン ' http://run.jsbin.com 'はアクセスを許可されません。 $(document).ready( function() { $.ajax({ type: 'GET', url: 'http://www.ecb.europa.eu/stats/eurofxref/eurofxref-daily.xml', dataType: 'xml', success: function(xml){ alert('aaa'); } }); } ); 私のコードには何の問題もないので、誰かが私のコードで何が間違っているのか、そしてどのようにそれを修正できるかを指摘してほしいと思っています。

7
RailsはjQueryからJSONを正しくデコードしていません(配列は整数キーのハッシュになります)
JSONオブジェクトの配列をjQuery to RailsでPOSTするたびに、この問題が発生します。配列を文字列化すると、jQueryが正しく機能していることがわかります。 "shared_items"=&gt;"[{\"entity_id\":\"253\",\"position\":1},{\"entity_id\":\"823\",\"position\":2}]" しかし、配列をAJAX呼び出しのデータとして送信すると、次のようになります。 "shared_items"=&gt;{"0"=&gt;{"entity_id"=&gt;"253", "position"=&gt;"1"}, "1"=&gt;{"entity_id"=&gt;"823", "position"=&gt;"2"}} 一方、単純な配列を送信するだけで機能します。 "shared_items"=&gt;["entity_253"] Railsが配列をその奇妙なハッシュに変更するのはなぜですか?頭に浮かぶ唯一の理由は、ここに型がないためにRailsが内容を正しく理解できないことです(jQuery呼び出しで設定する方法はありますか?): Processing by SharedListsController#create as ありがとうございました! 更新: 文字列ではなく配列としてデータを送信してい.push()ます。配列は関数を使用して動的に作成されます。しようとしました$.postと$.ajax、同じ結果。

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