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

まず、これはCSS3には複雑すぎると思いますが、どこかに解決策がある場合は、代わりにそれを使いたいと思います。 HTMLは非常に単純です。 <div class="parent"> <div class="child"> Text Block 1 </div> </div> <div class="parent"> <div class="child"> Text Block 2 </div> </div> 子divはdisplay：noneに設定されています。デフォルトでは、表示に変更されます：ブロック; マウスが親divの上に置かれたとき。問題は、このマークアップが私のサイトのいくつかの場所に表示され、マウスが親の上にある場合にのみ子を表示し、マウスが他の親の上にある場合は表示しないようにすることです（すべて同じクラスを持っています）名前とIDなし）。 私が使って試してみた$(this)と.children()無駄に。 $('.parent').hover(function(){ $(this).children('.child').css("display","block"); }, function() { $(this).children('.child').css("display","none"); });

159 jquery  css  jquery-selectors  parent 

jQueryを使用<option>して<select>DOM要素のs の数を数えるにはどうすればよいですか？ <select data-attr="dropdown" id="input1"> <option value="Male" id="Male">Male</option> <option value="Female" id="Female">Female</option> </select> DOM要素<option>内のタグの数を確認したいのですが<select>、ドロップダウンボックスの対応するオプション値を含むその数の入力フィールドで設定パネルを開き、プレビューでもう一度変更します。パネル。 上記のドロップダウンボックスは、jQueryによって生成されるプレビューパネルにあります。

159 javascript  jquery  html 

私はとても大きい table私のページです。そこで、テーブルの下部に水平スクロールバーを配置することにしました。しかし、このスクロールバーもテーブルの一番上に配置したいと思います。 テンプレートにあるのはこれです： <div style="overflow:auto; width:100%; height:130%"> <table id="data" style="width:100%">...</table> </div> これはHTMLとCSSでのみ可能ですか？

159 javascript  jquery  html  css 

私はjQueryを使用していますが、一部のアンカータグで何も実行しないようにする必要があります。 私は通常、次のように書きます。 <a href="#">link</a> ただし、これはページの上部を指します！

159 jquery  html 

JavaScript / jQueryでブラウザのスクロールを制御する方法はありますか？ ページを半分下にスクロールしてからリロードをトリガーすると、ページが一番上にパックされますが、代わりに最後のスクロール位置を見つけようとします。だから私はこれをしました： $('document').ready(function() { $(window).scrollTop(0); }); しかし、運はありません。 編集： ですから、ページが読み込まれた後に私がそれらを呼び出すと、両方の回答が機能しました。ただし、ページを更新するだけの場合は、.readyイベントの後にブラウザが古いスクロール位置を計算してスクロールするように見えます（本文のonload（）関数もテストしました）。 したがって、フォローアップは、ブラウザがその過去の位置にスクロールするのを防ぐ方法、またはそれが実行された後に最上部に再スクロールする方法はありますか？

159 javascript  jquery  html  scroll 

特定の入力ボックスの値が変わるたびに関数を実行したい。でほとんど動作し$('input').keyup(function)ますが、たとえば、テキストをボックスに貼り付けても何も起こりません。$input.change(function)入力がぼやけたときにのみトリガーされるので、テキストボックスの値が変更されたときはいつでもすぐにそれを知るにはどうすればよいですか？

159 jquery 

最小限の設定で、イントラネットページに簡単なファイルアップロードを実装したいと思います。 これは私のHTML部分です： <input id="sortpicture" type="file" name="sortpic" /> <button id="upload">Upload</button> これは私のJS jqueryスクリプトです： $("#upload").on("click", function() { var file_data = $("#sortpicture").prop("files")[0]; var form_data = new FormData(); form_data.append("file", file_data); alert(form_data); $.ajax({ url: "/uploads", dataType: 'script', cache: false, contentType: false, processData: false, data: form_data, type: 'post', success: function(){ alert("works"); } }); }); ウェブサイトのルートディレクトリに「uploads」という名前のフォルダがあり、「users」と「IIS_users」の変更権限があります。 ファイル形式のファイルを選択してアップロードボタンを押すと、最初のアラートで「[object FormData]」が返されます。2番目のアラートは呼び出されず、「uploads」フォルダも空です！？ …

159 javascript  php  jquery  ajax  upload 

別のキャンバスの上にキャンバスを追加しようとしています。最初のキャンバスが作成されるまで、この関数の開始を待機させるにはどうすればよいですか？ function PaintObject(brush) { this.started = false; // get handle of the main canvas, as a DOM object, not as a jQuery Object. Context is unfortunately not yet // available in jquery canvas wrapper object. var mainCanvas = $("#" + brush).get(0); // Check if everything is ok if (!mainCanvas) {alert("canvas …

159 javascript  jquery  html  function 

HTML： <div id="panel"> <table> <tr> <td><input id="Search_NazovProjektu" type="text" value="" /></td> </tr> <tr> <td><input id="Search_Popis" type="text" value="" /></td> </tr> </table> </div> 特定のdivのすべての入力を選択する必要があります。 これは機能していません： var i = $("#panel > :input");

158 jquery  jquery-selectors 

jQueryを使用してすべてのチェックボックスをオン/オフにしようとしています。親チェックボックスをチェック/チェック解除すると、すべての子チェックボックスが選択/選択解除され、親チェックボックスのテキストもcheckall / uncheckallに変更されます。 ここで、親チェックボックスを入力ボタンに置​​き換え、ボタンのテキストもcheckall / uncheckallに変更します。これがコードです、誰でもコードを微調整できますか？ $( function() { $( '.checkAll' ).live( 'change', function() { $( '.cb-element' ).attr( 'checked', $( this ).is( ':checked' ) ? 'checked' : '' ); $( this ).next().text( $( this ).is( ':checked' ) ? 'Uncheck All' : 'Check All' ); }); $( '.cb-element' ).live( 'change', function() …

158 jquery  checkbox  uncheck 

私はこのようないくつかのコードを持っています： function switch_tabs(obj) { $('.tab-content').hide(); $('.tabs a').removeClass("selected"); var id = obj.attr("rel"); $('#' + id).show(); obj.addClass("selected"); } show関数が追加しますdisplay:block。しかしdisplay:inline-block、ブロックの代わりに追加したいと思います。

158 jquery  show-hide 

次の場合： <div class="apple-monkey"></div> <div class="apple-horse"></div> <div class="cow-apple-brick"></div> 次のセレクターを使用して、最初の2つのDIVを見つけることができます。 $("div[class^='apple-']") ただし、これがある場合： <div class="some-other-class apple-monkey"></div> <div class="apple-horse"></div> <div class="cow-apple-brick"></div> 最初のdivのクラスは文字列として返されるため（私は思う）、実際には「apple-」ではなく「some-」で始まるため、2番目のDIVのみが検索されます。 これを回避する1つの方法は、starts withを使用せず、代わりに次を含むことです。 $("div[class*='apple-']") その問題は、私の例では3番目のDIVも選択することです。 質問：jQueryを使用して、クラス属性全体を文字列としてではなく、個々のクラス名で述語セレクタを使用する適切な方法は何ですか？それは単にCLASSを取得し、それを配列に分割してから、正規表現で個々のクラスをループするだけの問題ですか？または、よりエレガントで冗長性の低いソリューションはありますか？

158 jquery 

CSSプロパティに基づいて数値計算を行う必要があります。ただし、これを使用して情報を取得すると： $(this).css('marginBottom') 値「10px」を返します。ただ値の数の一部を取得するトリックはそれがあるかどうかに関係なく、存在しないpxか、%またはemまたは何？

157 javascript  jquery  css  parsing 

ここに記載されているように私は、スピンコントロールの「Angularised」バージョンを使用しています：http://blog.xvitcoder.com/adding-a-weel-progress-indicator-to-your-angularjs-application/ 表示されたソリューションについて私が気に入らない点の1つは、スピンコントロールをDOM要素に効果的にアタッチするサービスでのjQueryの使用です。要素にアクセスするには、角度のある構造を使用したいと思います。また、スピナーがサービス内にアタッチする必要のある要素のIDを「ハードコーディング」するのを避け、代わりにサービス（シングルトン）でIDを設定するディレクティブを使用して、サービスの他のユーザーまたはサービス自体はそれを知る必要はありません。 私は、angular.elementが提供するものと、同じ要素IDのdocument.getElementByIdが提供するものとの間で苦労しています。例えば。これは機能します： var target = document.getElementById('appBusyIndicator'); これらのどれも行いません： var target = angular.element('#appBusyIndicator'); var target = angular.element('appBusyIndicator'); 私はかなり明白な間違いであるはずの何かをはっきりとやっています！誰か助けてもらえますか？ 例えば：私は上記の作業を取得することができますと仮定すると、私は要素にjQueryのアクセスを交換しようとすると、同様の問題持って$(target).fadeIn('fast'); 作品を angular.element('#appBusyIndicator').fadeIn('fast')かangular.element('appBusyIndicator').fadeIn('fast')いません 誰かがAngularの「要素」とDOM要素の使用を明確にするドキュメントの良い例を教えてもらえますか？Angularは明らかに独自のプロパティやメソッドなどで要素を「ラップ」しますが、元の値を取得することはしばしば困難です。たとえば、<input type='number'>フィールドがあり、ユーザーが「-」（引用符なし）を入力したときにUIに表示される元のコンテンツにアクセスしたい場合、何も表示されません。おそらく、「type = number」がAngularが拒否していることを意味するためUIに表示されていても入力を確認したいので、テストしてクリアします。 どんなポインタ/答えもありがたいです。 ありがとう。

157 jquery  angularjs 

ご存知かもしれませんが、Google ChromeではGreasemonkeyスクリプトにいくつかの厳しい制限を設けています。 クロムはサポートしていない@require、@resource、unsafeWindow、GM_registerMenuCommand、GM_setValue、またはGM_getValue。 必要がなければ、Google ChromeでGreasemonkeyスクリプトにjQueryライブラリを含める方法を見つけることができません。 この問題について誰かアドバイスはありますか？

157 jquery  google-chrome  greasemonkey  require  userscripts