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

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

4
画像をBase64に変換
<input type="file" id="asd"/> base64で画像を取得したいユーザーが選択したら(フォームを送信する前に) 何かのようなもの : $(input).on('change',function(){ var data = $(this).val().base64file(); // it is not a plugin is just an example alert(data); }); File APIやその他のものについて読みましたが、シンプルでクロスブラウザなソリューションが欲しいです(IE6 / IE7は明らかに除外されています) どんな助けでも感謝します。


9
jQueryをローカルでホストすることの利点と落とし穴[クローズ]
クローズ。この質問はもっと焦点を合わせる必要があります。現在、回答を受け付けていません。 この質問を改善したいですか?質問を更新して、この投稿を編集するだけで1つの問題に焦点を当てるようにします。 昨年休業。 この質問を改善する 現在、Google CDNからjQueryおよびjQueryUI(およびjQueryUI CSS)ライブラリを取得しています。呼び出すことができgoogle.load("jquery", "1"); 、最新のjQuery 1.xxが使用されるため、これが好きです。 今、私はセキュリティのためにライブラリをローカルにプルすることになっています。 私はそれらをローカルに引っ張って喜んでいますが、他に注意すべき利点と落とし穴のいくつかは何ですか?

10
入力type =“ number”のonchangeイベント
のonchangeをどのように処理でき<input type="number" id="n" value="5" step=".5" />ますか?ユーザーが矢印を使用して値を変更する可能性があるため、keyupまたはを実行できませんkeydown。ぼかしだけでなく、変化するたびに処理したいと思います.change()。何か案は?
85 jquery  html 

24
Chromeのファイル入力から「ファイルが選択されていません」ツールチップを削除するにはどうすればよいですか?
Google Chromeのファイル入力から「ファイルが選択されていません」ツールチップを削除したいのですが(Firefoxにツールチップが表示されないようです)。 入力フィールド内のテキストではなく、マウスを入力の上に移動したときに表示されるツールチップについて話していることに注意してください。 私は運がなくてこれを試しました: $('#myFileInput').attr('title', '');

7
ピンチを検出する最も簡単な方法
これは、ネイティブアプリではなくWEBアプリです。Objective-CNSコマンドは使用しないでください。 そのため、iOSで「ピンチ」イベントを検出する必要があります。問題は、ジェスチャまたはマルチタッチイベントを実行するために私が目にするすべてのプラグインまたはメソッドであり、(通常は)jQueryを使用しており、太陽の下でのすべてのジェスチャに対する完全な追加プラグインです。私のアプリケーションは巨大で、コードのデッドウッドに非常に敏感です。必要なのはピンチを検出することだけです。jGestureのようなものを使用することは、私の単純なニーズを肥大化させる方法です。 さらに、ピンチを手動で検出する方法についての理解は限られています。両方の指の位置を取得できますが、これを検出するためのミックスを正しく取得できないようです。誰かがピンチを検出するだけの簡単なスニペットを持っていますか?

16
jQuery UI Datepickerカレンダーで選択した日付をクリア/リセットするにはどうすればよいですか?
日付ピッカーカレンダーの値をリセットするにはどうすればよいですか?..最小および最大の日付制限? 問題は、(テキストボックスの値を削除して)日付をクリアしても、以前の日付制限が引き続き適用されることです。 私はドキュメントを整理してきましたが、解決策として何も飛び出しませんでした。また、SO / google検索で簡単な修正を見つけることができませんでした http://jsfiddle.net/CoryDanielson/tF5MH/ 解決: // from & to input textboxes with datepicker enabled var dates = $("input[id$='dpFrom'], input[id$='dpTo']"); // #clearDates is a button to clear the datepickers $('#clearDates').on('click', function(){ dates.attr('value', ''); dates.each(function(){ $.datepicker._clearDate(this); }); });​​ _.clearDate()は、DatePickerオブジェクトのプライベートメソッドです。jQuery UIのWebサイトのパブリックAPIにはありませんが、魅力のように機能します。

9
mousemoveでキャンバスからピクセルカラーを取得
マウスの下でRGB値のピクセルを取得することは可能ですか?これの完全な例はありますか?これが私がこれまでに持っているものです: function draw() { var ctx = document.getElementById('canvas').getContext('2d'); var img = new Image(); img.src = 'Your URL'; img.onload = function(){ ctx.drawImage(img,0,0); }; canvas.onmousemove = function(e) { var mouseX, mouseY; if(e.offsetX) { mouseX = e.offsetX; mouseY = e.offsetY; } else if(e.layerX) { mouseX = e.layerX; mouseY = e.layerY; } var c …

4
イベントでjQueryを使用してクリックされた要素を取得しますか?
次のコードを使用して、動的に生成されたボタンがクリックされたことを検出しています。 $(document).on("click",".appDetails", function () { alert("test"); }); 通常、実行した場合は、クリックされた要素を取得するために$('.appDetails').click()使用でき$(this)ます。上記のコードでこれをどのように達成しますか? 例えば: $(document).on("click",".appDetails", function () { var clickedBtnID = ?????? alert('you clicked on button #' + clickedBtnID); });

2
TypeScriptでwindow.locationを設定する
次のTypeScriptコードでエラーが発生します。 ///<reference path='../../../Shared/typescript/jquery.d.ts' /> ///<reference path='../../../Shared/typescript/jqueryStatic.d.ts' /> function accessControls(action: Action) { $('#logoutLink') .click(function () { var $link = $(this); window.location = $link.attr('data-href'); }); } 次の場合、下線付きの赤いエラーが発生します。 $link.attr('data-href'); メッセージには次のように書かれています。 Cannot convert 'string' to 'Location': Type 'String' is missing property 'reload' from type 'Location' これが何を意味するのか誰か知っていますか?


8
Bootstrap3.0ポップオーバーとツールチップ
Bootstrapを初めて使用しますが、ポップオーバーとツールチップの機能を動作させるのに問題があります。ドロップダウンとモデルに問題はありませんでしたが、ポップオーバーとツールチップに何かが欠けているようです。 ツールチップが表示されますが、ブートストラップの例のようにスタイルや場所が設定されていません。そして、ポップオーバーはまったく機能していません。 見て、私が欠けているものを教えてください。 <!DOCTYPE html> <html> <head> <title>Bootstrap 101 Template</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet" media="screen"> <link href="css/font-awesome.min.css" rel="stylesheet" media="screen"> <link href="css/index.css" rel="stylesheet" media="screen"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!--[if lt IE …

3
AngularJS + JQuery:動的コンテンツをangularjsで機能させる方法
私はjQueryとAngularJSの両方を使用してAjaxアプリに取り組んでいます。 jQueryを使用してdivのコンテンツ(AngularJSバインディングを含む)を更新すると html関数すると、AngularJSバインディングが機能しません。 以下は私がやろうとしていることのコードです: $(document).ready(function() { $("#refreshButton").click(function() { $("#dynamicContent").html("<button ng-click='count = count + 1' ng-init='count=0'>Increment</button><span>count: {{count}} </span>") }); }); </style><script src="http://docs.angularjs.org/angular-1.0.1.min.js"></script><style>.ng-invalid { border: 1px solid red; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app=""> <div id='dynamicContent'> <button ng-click="count = count + 1" ng-init="count=0"> Increment </button> <span>count: {{count}} </span> </div> <button id='refreshButton'> …
84 jquery  angularjs 


16
jQuery検証通知にTwitterBootstrapポップオーバーを使用する方法は?
ブートストラップを使用してポップオーバーを簡単に表示できます。また、標準のjQuery検証プラグインまたはjQuery検証エンジンを使用して検証を行うこともできますが、一方を他方にフィー​​ドする方法がわかりません。 必要なのは、通知を表示したいときにバリデーターによって呼び出されるフックであり、メッセージとターゲット要素をポップオーバーに渡すクロージャーを与えることだと思います。これは一種の依存性注入のようです。 理論的にはすべて素晴らしいですが、そのフックがどこにあるのか、またはいずれかの検証エンジンにフックが存在する場合でも、私にはわかりません。どちらも、エラータイプ(必ずしもメッセージテキストは必要ありません)とそれに関連する要素だけが必要な場合に、配置、ラッパー、スタイルに関するあらゆる種類の精巧なオプションを使用して通知を表示する責任を負うことを意図しているようです。に。個々の通知ではなく、フォーム全体のフックを見つけました。 動的に作成されたフォームとうまく連携するため、クラスを使用してルールを定義する検証システムの方がはるかに好きです。 誰かが解決策やより良いアイデアを持っていますか?

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