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

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

8
JavaScriptで文字列にキャストする
StringJavaScriptで変数をキャストする3つの方法を見つけました。 私はjQueryソースコードでこれら3つのオプションを検索しましたが、すべて使用されています。 それらの間に違いがあるかどうか知りたいです: value.toString() String(value) value + "" デモ それらはすべて同じ出力を生成しますが、そのうちの1つは他のものより優れていますか? これには+ ""いくつかの文字を節約できるという利点がありますが、それはそれほど大きな利点ではありません。

11
5秒ごとにページをリロードする方法は?
1つのレイアウトをHTMLに変換しています。code / html / cssに変更を加えると、F5を押す必要があります。このための簡単なjavascript / jQueryソリューションはありますか?つまり、スクリプトを追加した後、5秒ごと(または他の特定の時間)にページ全体をリロードします。
183 javascript  jquery 

4
jQueryでテキストを取得するときに空白を削除するにはどうすればよいですか?
jQueryを使用してmailto:アンカーをメールアドレスの周囲にラップしたいのですが、CMSが生成するホワイトスペースも取得しています。 これが、私が操作しなければならないHTML、私が持っているスクリプト、そして出力のコピーです。 HTML <div class="field field-type-text field-field-email"> <div class="field-item"> name@example.com </div> </div> jQuery JavaScript $(document).ready(function(){ $('div.field-field-email .field-item').each(function(){ var emailAdd = $(this).text(); $(this).wrapInner('<a href="mailto:' + emailAdd + '"></a>'); }); }); 生成されたHTML <div class="field field-type-text field-field-email"> <div class="field-items"><a href="mailto:%0A%20%20%20%20name@example.com%20%20%20%20"> name@example.com </a></div> </div> この質問を読んでいる他の人が先頭と末尾の空白を削除したいと思うかもしれませんが、ラップしている電子メールアドレスであることを考えると、すべての空白を失ってとてもうれしいです。
183 jquery 

11
.each()の完了後にjQuery関数を呼び出す
jQueryでは、の呼び出し(または他のタイプの反復コールバック)が完了した後で、コールバックを呼び出したり、イベントをトリガーし.each()たりできます。 たとえば、この「フェードアンド削除」を完了させたい $(parentSelect).nextAll().fadeOut(200, function() { $(this).remove(); }); いくつかの計算を行い、の後に新しい要素を挿入する前$(parentSelect)。既存の要素がjQueryにまだ表示されていて、任意の時間(要素ごとに200)をスリープ/遅延させることが、せいぜい壊れやすい解決策のように見える場合、私の計算は正しくありません。 .bind()イベントコールバックに必要なロジックを簡単に作成できますが.trigger()、上記の反復が完了した後で、をきれいに呼び出す方法がわかりません。明らかに、反復内でトリガーを呼び出すことはできません。トリガーが複数回起動するためです。 の場合$.each()、データ引数の最後に何かを追加することを検討しました(手動で反復本体を検索します)が、それを強制されたくないので、他にエレガントなものがあることを望んでいました反復的なコールバックに関してフローを制御する方法。
183 jquery  each 

8
チェックボックスのクリックでイベントのバブリングを停止する方法
クリックイベントでAjaxアクションを実行するチェックボックスがありますが、チェックボックスはコンテナー内にもあり、チェックボックスがクリックされたときに実行したくない独自のクリック動作があります。このサンプルは、私がやりたいことを示しています。 $(document).ready(function() { $('#container').addClass('hidden'); $('#header').click(function() { if ($('#container').hasClass('hidden')) { $('#container').removeClass('hidden'); } else { $('#container').addClass('hidden'); } }); $('#header input[type=checkbox]').click(function(event) { // Do something }); }); #container.hidden #body { display: none; } <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <div id="container"> <div id="header"> <h1>Title</h1> <input type="checkbox" name="test" /> </div> <div id="body"> <p>Some content</p> </div> </div> コードスニペットを実行する結果を非表示スニペットを展開 …

9
HTML5 textareaプレースホルダーが表示されない
マークアップの何が問題なのかわかりませんが、テキスト領域のプレースホルダーが表示されません。空白やタブで覆われているようです。テキスト領域にフォーカスし、カーソルが置かれた場所から削除してテキスト領域を離れると、適切なプレースホルダーが表示されます。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> </head> <body> <form action="message.php" method="post" id="message_form"> <fieldset> <input type="email" name="email" id="email" title="Email address" maxlength="40" placeholder="Email Address" autocomplete="off" required /> <br /> <input type="text" name="subject" id="subject" title="Subject" maxlength="60" placeholder="Subject" autocomplete="off" required /> <br /> <textarea name="message" id="message" title="Message" cols="30" rows="5" maxlength="100" …

8
var self = this?
イベントハンドラのコールバックがの範囲に変更とインスタンスメソッドを使用してthisから、「マイインスタンス」と「ただのコールバックと呼ばれるものは何でもします」。だから私のコードはこのようになります function MyObject() { this.doSomething = function() { ... } var self = this $('#foobar').bind('click', function(){ self.doSomethng() // this.doSomething() would not work here }) } 機能しますが、それが最善の方法ですか?それは私には奇妙に見えます。

12
AngularJS:AngularJSがテンプレートをレンダリングした後に追加のコードを実行する方法は?
DOMにAngularテンプレートがあります。コントローラがサービスから新しいデータを取得すると、$ scopeのモデルが更新され、テンプレートが再レンダリングされます。これまでのところすべて良い。 問題は、テンプレートが再レンダリングされてDOMにある(この場合はjQueryプラグイン)後、追加の作業を行う必要があることです。 AfterRenderのように、聞くべきイベントがあるようですが、そのようなものを見つけることができません。たぶん、指令は進むべき道かもしれませんが、それはあまりにも早く発砲するように見えました。 ここに私の問題を概説するjsFiddleがあります:Fiddle-AngularIssue ==更新== 役立つコメントに基づいて、それに応じてDOM操作を処理するディレクティブに切り替え、ディレクティブ内に$ watchモデルを実装しました。ただし、私はまだ同じ基本的な問題を抱えています。$ watchイベント内のコードは、テンプレートがコンパイルされてDOMに挿入される前に発生するため、jqueryプラグインは常に空のテーブルを評価しています。 興味深いことに、非同期呼び出しを削除すると、すべてが正常に機能するので、これは正しい方向への一歩です。 これらの変更を反映するために更新したFiddleは次のとおりです。http://jsfiddle.net/uNREn/12/

9
jQueryを使用してページのスクロール位置を検出する方法
WebサイトのjQuery機能に問題があります。これは、window.scroll() ウィンドウを使用してスクロール位置が変更されたことを認識するために関数を使用し、変更時にいくつかの関数を呼び出してサーバーからデータをロードすることです。 問題は、.scroll()スクロール位置が少しでも変更され、下部にデータが読み込まれるとすぐに関数が呼び出されることです。しかし、私が達成したいのは、Facebookフィードの場合のように、スクロール/ページの位置が下部に達したときに新しいデータをロードすることです。 しかし、jQueryを使用してスクロール位置を検出する方法がわかりませんか? function getData() { $.getJSON('Get/GetData?no=1', function (responseText) { //Load some data from the server }) }; $(window).scroll(function () { getData(); });


5
ブートストラップのポップオーバーをクリックではなくホバーで表示/非表示にする
ブートストラップのポップオーバーを使用してウェブサイトを構築していますが、ポップオーバーをクリックではなくホバーに表示する方法を理解できません。 私がやりたいのは、誰かがリンクをクリックする代わりにリンクの上にカーソルを置いたときにポップオーバーを表示させ、離れるとポップオーバーが消えるようにすることです。ドキュメントには、data属性またはjqueryのいずれかを使用して可能であると記載されています。複数のポップオーバーがあるので、jqueryを使用するほうがはるかに便利です。


7
iFrame src変更イベントの検出?
iframeのコンテンツを制御できない場合、親ページを介してsrcの変更を検出する方法はありますか?ある種のオンロードかもしれませんか? 私の最後の手段は、iframe srcが以前と同じである場合に1秒間隔のテストを行うことですが、このハッキーなソリューションを実行するのは面倒です。 役立つ場合は、jQueryライブラリを使用しています。

11
Dropzone.jsを他のフィールドを含む既存のHTMLフォームに統合する
私は現在、ユーザーが投稿したい広告の詳細を入力するHTMLフォームを持っています。販売する商品の画像をアップロードするためのドロップゾーンを追加できるようになりました。 Dropzone.jsが見つかりました。これは、必要なことのほとんどを実行しているようです。ただし、ドキュメントを見ると、dropzone(input要素だけではなく)フォーム全体のクラスを指定する必要があるようです。これは、私のフォーム全体がドロップゾーンになることを意味します。 フォーム全体ではなく、クラスの「dropzone」として要素を指定するだけで、フォームの一部のみでドロップゾーンを使用することはできますか? 別のフォームを使用することもできますが、ユーザーが1つのボタンですべてを送信できるようにしたいと考えています。 または、これを実行できる別のライブラリはありますか? どうもありがとう


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