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

非同期リクエストが実行中であることを示す画像をどのように表示するのかと思っています。次のコードを使用して非同期リクエストを実行します。 $.ajax({ url: uri, cache: false, success: function(html){ $('.info').append(html); } }); 何か案は？

116 javascript  jquery  css 

コード： <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> <script type="text/javascript"> $("#clicker").click(function () { alert("Hello!"); $(".hide_div").hide(); }); </script> 上記のコードは機能しません。#clickerをクリックしても、警告は表示されず、非表示にもなりません。コンソールを確認したところ、エラーは発生しませんでした。また、JQueryがロードされているかどうかも確認しました。実際にロードされています。だから問題が何であるかわからない。私はまた、アラートを使用してドキュメント準備機能を実行しました。助けてください。ありがとう！

116 javascript  jquery  onclick  click  onclicklistener 

jQueryでiframeのコンテンツにアクセスするにはどうすればよいですか？私はこれをやってみましたが、うまくいきません： iframeコンテンツ： <div id="myContent"></div> jQuery： $("#myiframe").find("#myContent") どうすればアクセスできますmyContentか？ jquery / javascriptに似ています：iframeのコンテンツにアクセスしますが、受け入れられた答えは私が探していたものではありません。

116 jquery  iframe 

jQueryのpostメソッドを介してAJAX POSTリクエストを作成している古いコードがいくつかあり、次のようになります。 $.post("/foo/bar", requestData, function(responseData) { //do stuff with response } requestData いくつかの基本的な文字列プロパティを備えた単なるJavaScriptオブジェクトです。 Angularを使用するようにデータを移動している最中なので、この呼び出しを$ http.postに置き換えます。私は次のことを思いつきました： $http.post("/foo/bar", requestData).success( function(responseData) { //do stuff with response } }); これを行うと、サーバーから500エラー応答が返されました。Firebugを使用して、これが次のようなリクエスト本文を送信することがわかりました。 {"param1":"value1","param2":"value2","param3":"value3"} 成功したjQuery $.postは、次のように本文を送信します。 param1=value1&param2=value2&param3=value3 私がぶつかっているエンドポイントは、JSONではなく要求パラメーターを期待しています。だから、私の質問は$http.post、JSONの代わりにリクエストパラメータとしてjavascriptオブジェクトを送信するように指示する方法はありますか はい、私はオブジェクトから自分で文字列を作成できることを知っていますが、Angularがこれに対して何かを提供してくれるかどうか知りたいです。

116 javascript  jquery  post  angularjs 

編集（2019年10月）：6年後、jQuery File Uploadは明らかに人々を狂わせています。ここで答えに小さな慰めが見つからない場合は、NPMを検索して最新の代替策を探してください。面倒な価値はないと私は約束します。 以前の編集ではUploadifyをお勧めしましたが、コメント投稿者が指摘したように、無料版を提供していないようです。Uploadifyだったので、とにかく2013。 編集：これはまだトラフィックを獲得しているようですので、私がやったことを説明します。受け入れられた回答のチュートリアルに従って、最終的にプラグインを機能させました。ただし、jQueryファイルのアップロードは本当に面倒なので、より単純なファイルアップロードプラグインを探している場合は、Uploadifyを強くお勧めします。答えが指摘したように、それは非営利目的でのみ無料です。 バックグラウンド blueimpのjQuery File Uploadを使用して、ユーザーがファイルをアップロードできるようにしています。箱から出しただけで、セットアップ手順に従って完全に機能します。しかし、それを私のWebサイトで実際に使用するには、いくつかのことができるようにしたいと思います。 既存の任意のページにアップローダーを含める アップロードされたファイルのディレクトリを変更します プラグインのすべてのファイルは、ルートの下のフォルダーにあります。 私はもう試した... デモページをルートに移動し、必要なスクリプトのパスを更新する ここで提案されているように、UploadHandler.phpファイルの「upload_dir」および「upload_url」オプションを変更します。 デモJavaScriptの2行目のURLを変更する すべての場合で、プレビューが表示され、進行状況バーが実行されますが、ファイルのアップロードに失敗し、コンソールに次のエラーが表示されますUncaught TypeError: Cannot read property 'files' of undefined。プラグインのすべての部分がどのように機能するか理解していないため、デバッグが困難です。 コード デモページのJavaScript： $(function () { 'use strict'; // Change this to the location of your server-side upload handler: var url = 'file_upload/server/php/UploadHandler.php', uploadButton = $('<button/>') .addClass('btn') …

116 jquery  file-upload  jquery-plugins  jquery-file-upload 

私がclassを持つ4つのdiv要素を持っている.navlinkとします。これは、クリック.data()されたときに、というキー'selected'をの値に設定するために使用しますtrue。 $('.navlink')click(function() { $(this).data('selected', true); }) 新しいもの.navlinkがクリックされるたびにnavlink、後で操作するために以前に選択したものを保存したいと思います。を使用して保存されたものに基づいて要素をすばやく簡単に選択する方法はあり.data()ますか？ 法案に合うjQuery ：filtersはないようで、（同じクリックイベント内で）次のことを試しましたが、何らかの理由で機能しません： var $previous = $('.navlink').filter( function() { $(this).data("selected") == true } ); これを実現する方法は他にもあることは知っていますが、現時点でそれがを介して実行できるかどうかは、ほとんど気になります.data()。

116 jquery  filter 

チャートの「ツールチップ」に表示するために使用する系列オブジェクトに追加のデータを渡す方法はありますか？ 例えば tooltip: { formatter: function() { return '<b>'+ this.series.name +'</b><br/>'+ Highcharts.dateFormat('%b %e', this.x) +': '+ this.y; } ここでは、series.name、this.x＆this.yのみをシリーズに使用できます。データセットとともに別の動的な値のみを渡す必要があり、系列オブジェクトを介してアクセスできるとしましょう。これは可能ですか？ よろしくお願いします。

116 javascript  jquery  highcharts 

ホバーされたときにテキストの隣にダイアログを配置するために、jQueryダイアログUIライブラリを使用しようとしています。jQueryダイアログは、現在のビューポートの左上隅から測定された位置パラメーターを取ります（つまり、[0, 0]現在スクロールしている場所に関係なく、常にブラウザーウィンドウの左上隅に配置されます）。ただし、場所を取得するために知っている唯一の方法は、ページ全体に対する要素の方法です。 以下は私が現在持っているものです。 position.top1200などのように計算され、ページの残りのコンテンツの下にダイアログが配置されます。 $(".mytext").mouseover(function() { position = $(this).position(); $("#dialog").dialog('option', 'position', [position.top, position.left]); } 正しい位置を見つけるにはどうすればよいですか？ ありがとう！

116 jquery  jquery-ui 

ユーザーがボタンをクリックしたときにイベントを発生させ、そのクリックを1000〜1500ミリ秒間押し続けたいと思います。 jQueryコア機能またはこれをすでに有効にするプラグインはありますか？ 自分で転がすべきですか？どこから始めればいいですか？

116 javascript  jquery  events 

動的ブートストラップモーダルをロードしますが、テキスト入力がほとんどありません。カーソルがこのモーダルの最初の入力にフォーカスするようにしたいという問題に直面していますが、これはデフォルトでは発生しません。 だから私はそれを行うためにこのコードを書きました： $('#modalContainer').on('show', function () { $('input:text:visible:first').focus(); }); しかし今、それはしばらくの間入力に焦点を合わせ、その後自動的に消えます、なぜこれが起こっているのか、そしてどのように解決しますか？

116 jquery  twitter-bootstrap 

liにidのボタンが1つあります"my_id"。この要素で2つのjQueryイベントをアタッチしました 1。 $("#my_id").click(function() { alert('single click'); }); 2。 $("#my_id").dblclick(function() { alert('double click'); }); しかし、それはいつも私に single click

116 javascript  jquery  jquery-events 

HTMLページに同じクラスを持ついくつかの要素がありますが、それらは異なる要素タイプです。要素をループするときに要素のタグ名を確認したいのですが、.attrは「タグ」や「タグ名」を受け取りません。 これが私の意味です。ページ上の次の要素を検討してください。 <h1 class="rnd">First</h1> <h2 id="foo" class="rnd">Second</h2> <h3 class="rnd">Third</h3> <h4 id="bar" class="rnd">Fourth</h4> ここで、次のようなものを実行して、要素がまだ定義されていない場合にすべての要素にIDがあることを確認します。 $(function() { $(".rnd").each(function(i) { var id = $(this).attr("id"); if (id === undefined || id.length === 0) { // this is the line that's giving me problems. // .attr("tag") returns undefined $(this).attr("id", "rnd" + $(this).attr("tag") + "_" + …

115 javascript  jquery 

テキストボックスを動的に作成しましたが、それぞれにクリックでカレンダーを表示できるようにしたいと考えています。私が使用しているコードは： $(".datepicker_recurring_start" ).datepicker(); すべてのテキストボックスにdatepicker_recurring_startというクラスがあるにもかかわらず、これは最初のテキストボックスでのみ機能します。 あなたの助けは大歓迎です！

115 javascript  jquery  jquery-ui  datepicker 

クライアント側でjqueryを使用して「nameGorge」をサブストリング化し、「name」を削除して「Gorge」だけを出力するにはどうすればよいですか？ var name = "nameGorge"; //output Gorge

115 javascript  jquery  string 

（Angular JSのドキュメントを読むことで）明らかな解決策がない一見単純な問題があります。 DOM内のコンテナーの高さを定義するために、他のDOM要素の高さに基づいていくつかの計算を行うAngular JSディレクティブがあります。 これと同様のことがディレクティブ内で行われています。 return function(scope, element, attrs) { $('.main').height( $('.site-header').height() - $('.site-footer').height() ); } 問題は、ディレクティブが実行さ$('site-header')れると見つからず、必要なjQueryでラップされたDOM要素の代わりに空の配列を返すことです。 DOMが読み込まれた後にのみ実行され、通常のjQueryセレクタースタイルのクエリを介して他のDOM要素にアクセスできるディレクティブ内で使用できるコールバックはありますか？

115 jquery  dom  callback  angularjs  document-ready