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

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

13
Uncaught TypeError:undefinedはjquery-min.jsをロードする際の関数ではありません
約5つのCSSファイルと10のJavaScriptファイルをロードする必要がある通常のWebページを構築しています。 それらをHTMLページに個別にロードすると、私のWebページは正常にロードされます。 次に、本番用に、すべてのJavascriptを必要な順序で1つのファイルに連結し、すべてのCSSを別のファイルに連結しました。しかし、連結されたファイルでWebページを実行しようとすると、次のエラーがスローされます。 Uncaught TypeError: undefined is not a function 連結されたJavascriptファイルでjquery.min.jsがロードされている行。 これを軽減するにはどうすればよいですか?すべてのファイルを連結し、本番用に縮小したいと思います。助けてください。 編集: JavaScriptとCSSを、個別にロードされて正常に動作していた順序でマージしました。

2
ReferenceError:Firefoxでイベントが定義されていないエラー
私はクライアント用のページを作成しましたが、最初はChromeで作業していて、Firefoxで機能しているかどうかを確認するのを忘れていました。現在、ページ全体がFirefoxで機能しないスクリプトに基づいているため、大きな問題があります。 これrelは、適切なページの非表示と表示につながるを持っているすべての「リンク」に基づいています。これがFirefoxで機能しない理由がわかりません。 たとえば、ページにはid #menuPageなどが#aboutPageあります。すべてのリンクにこのコードがあります: <a class="menuOption" rel='#homePage' href="#">Velkommen</a> ChromeとSafariで完全に動作します。 これがコードです: $(document).ready(function(){ //Main Navigation $('.menuOption').click(function(){ event.preventDefault(); var categories = $(this).attr('rel'); $('.pages').hide(); $(categories).fadeIn(); }); // HIDES and showes the right starting menu $('.all').hide(); $('.pizza').show(); // Hides and shows using rel tags in the buttons $('.menyCat').click(function(event){ event.preventDefault(); var categori = $(this).attr('rel'); $('.all').hide(); $(categori).fadeIn(); …


13
バインドイベントは1回だけ
私は次のコードを持っています: function someMethod() { $(obj).click(function {}); } someMethodが2回呼び出されるため、クリックイベントが2回バインドされます。一度だけバインドするにはどうすればよいですか?
104 jquery 

6
jQuery:.attr();を介して2つの属性を追加します。方法
編集: 以外の値を使用すると_blank、モバイルブラウザーで新しいウィンドウ/タブを開くことができないことを学びました。 たとえば、新しいウィンドウ/タブを開く必要がある場合: これは、モバイルブラウザーを含むすべてのブラウザーで機能しますtarget="_blank"。 これはモバイルブラウザーでは機能しませんが、デスクトップブラウザーでは機能しますtarget="new"。 - 私はこれを機能させていますが、それを行うためのより良い方法があるかどうか、またはそれを取得する方法が正しい/唯一の方法であるかどうかはわかりません。 基本的に私がやっていることは、すべてのtarget="_new"またはtarget="_blank"属性値をtarget="nw"に置き換えることです。この方法では、新しいウィンドウが1つだけ開かれ、複数のウィンドウでユーザーを圧倒しないように、他のすべての新しいウィンドウが開かれます。 「新しいウィンドウで開く」title=""属性も追加します。 だから私が作成したソリューションはこれです: $("a[target='_blank'], a[target='_new']").attr('target','nw').attr('title','Opens in a new window'); 2つの.attr();方法に注意してください。 これは要素に2つの属性を追加する正しい方法ですか? 試しました.attr('target','nw','title','Opens in a new window')がうまくいきませんでした。 私が尋ねる理由は、DYR(Do n't Repeat Yourself)の原則によるものです。ですから、私が持っているコードを改善できれば、そうでなければ、それがそうです。 ありがとう。
104 jquery 

5
クリックイベントと同様に、「touchstart」イベントのe.PageX位置に相当するものはありますか?
ライブ機能で使用されるtouchstartイベントのjQueryでX位置を取得しようとしていますか? すなわち $('#box').live('touchstart', function(e) { var xPos = e.PageX; } ); 現在、これは「クリック」をイベントとして機能します。どうすれば(アルファ jQuery Mobile を使用せずに)タッチイベントで取得できますか? 何か案は? 助けてくれてありがとう。

8
jQuery / JavaScriptコードを整理する最良の方法(2013)[終了]
ここで何が尋ねられているのかを知るのは難しい。この質問は、あいまいで、あいまいで、不完全で、過度に広い、または修辞的であり、現在の形では合理的に回答することができません。再開できるようにこの質問を明確にするヘルプについては、ヘルプセンターに アクセスしてください。 7年前休業。 問題 この回答は以前に回答済みですが、古くて最新ではありません。1つのファイルに2000行を超えるコードが含まれていますが、誰もが知っているように、特にコードを調べたり、新しい機能を追加したりする場合、これは悪い習慣です。現在と将来のために、コードをよりよく整理したいと考えています。 多数のボタン、UI要素、ドラッグ、ドロップ、アクションリスナー/ハンドラー、および複数のリスナーが同じ関数を使用する可能性のあるグローバルスコープ内の関数を備えたツール(単純なWebサイトではない)を構築していることを述べておく必要があります。 コード例 $('#button1').on('click', function(e){ // Determined action. update_html(); }); ... // Around 75 more of this function update_html(){ .... } ... その他のサンプルコード 結論 私は本当にこのコードを整理して、繰り返し使用しないで、新しい機能を追加したり、古い機能を更新したりできるようにする必要があります。一人でこれに取り組みます。一部のセレクターは100行のコードになる場合があります。その他のセレクターは1です。少し調べてみると、require.js繰り返しが多く、実際には必要以上のコードを記述していることがわかりました。私はこの基準に当てはまる可能性のある解決策を受け入れ、リソース/例へのリンクは常にプラスです。 ありがとう。

5
jQueryは画像srcを取得します
ボタンをクリックすると、特定のimg srcを取得し、divクラスimg-blockブロックでimg srcを表示できることを願っています。 HTML <button class="button">Click</button> <div class="img1"> <img src="img.jpg" alt=""> </div> <div class="img-block"></div> CSS .img-block{ position: absolute; top:10%; right:10%; background-color: red; width: 500px; height: 500px; } .img1 img{ width: 200px; } JS $('.button').click(function(){ var images = $('.img1 img').attr(src); alert(images); }); しかし、今私が直面している問題は、img srcを取得することです。 したがって、私はテストを行うためにアラートを使用し、結果は何もアラートしません。
104 jquery 

8
$(this).serialize()—値を追加する方法は?
現在私は以下を持っています: $.ajax({ type: 'POST', url: this.action, data: $(this).serialize(), }); これは正常に動作しますが、データに値を追加したいので、試してみました $.ajax({ type: 'POST', url: this.action, data: $(this).serialize() + '&=NonFormValue' + NonFormValue, }); しかし、それは正しく投稿されませんでした。シリアル化文字列にアイテムを追加する方法に関するアイデアはありますか?これは、フォーム固有ではないグローバルページ変数です。

6
jqueryを使用してdiv内のテキストのみを置き換える
私は次のようなdivを持っています: <div id="one"> <div class="first"></div> "Hi I am text" <div class="second"></div> <div class="third"></div> </div> jqueryを使用して、テキストのみを「Hi I am text」から「Hi I am replace」に変更しようとしています。これは簡単かもしれませんが、私にはできません。 使用する$('#one').text('')と、#Onediv 全体が空になります。
104 javascript  jquery 

8
ANDおよびOR演算子を使用したjQueryの属性による選択
jQueryでANDおよびORを使用して名前付き属性で要素を選択できるかどうかについて考えています。 例: <div myid="1" myc="blue">1</div> <div myid="2" myc="blue">2</div> <div myid="3" myc="blue">3</div> <div myid="4">4</div> すべての要素を選択したいのですが、1または3に設定されてmyc="blue"いる要素のみを選択しますmyid。 だから私は試した: a=$('[myc="blue"] [myid="1"] [myid="3"]'); しかし、それは機能しません、ここで同じです: a=$('[myc="blue"] && [myid="1"] || [myid="3"]'); 特別なフィルター関数を書かなくても可能ですか?


6
JQuery ajaxリクエストの進捗状況を取得する最もクリーンな方法は何ですか?
単純なJavaScriptでは非常に簡単です:コールバックを添付するだけです {XMLHTTPRequest}.onprogress var xhr = new XMLHttpRequest(); xhr.onprogress = function(e){ if (e.lengthComputable) var percent = (e.loaded / e.total) * 100; }; xhr.open('GET', 'http://www...', true); xhr.onreadystatechange = function() { ... }; xhr.send(null); しかし、私はJQuery($.get()または$.ajax())でhtmlデータをダウンロードするajaxサイトをやっていて、小さなプログレスバーで表示するためにリクエストの進捗状況を取得するための最良の方法であると思いましたが、不思議なことに、私はそうではありませんJQueryドキュメントで有用なものを見つけています...

9
入力タイプの日付に日付を設定する
<input id="datePicker" type="date" />​ 今日の日付をクロームのdatepicker入力タイプの日付に設定します。 $(document).ready( function() { var now = new Date(); var today = now.getDate() + '/' + (now.getMonth() + 1) + '/' + now.getFullYear(); alert(today); $('#datePicker').val(today); });​ しかし、それは機能していません このjsFiddleを編集-Chromeでお試しください。
104 javascript  html  jquery  date 


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