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

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

5
デベロッパーツールを使用してChromeのボタンまたは要素によって実行されるコードを見つける方法
Chromeと自分のウェブサイトを使用しています。 私が内側から知っていること： 1）このオレンジ色の画像ボタンをクリックして登録するフォームがあります。 2）検査しましたが、これがすべてです。 <img class="formSend" src="images/botoninscribirse2.png"> 3）ソースコードの一番上には、たくさんのスクリプトソースがあります。ボタンをコーディングしたので、ボタンがどれを呼び出すかがわかります。<script src="js/jquery2.js" type="text/javascript"></script> 4）そのファイル内で見つけることができます：$(".formSend").click(function() { ... });これは、ボタンによってトリガーされるもの（かなり複雑なフォーム検証を実行して送信するため）であり、私が欲しいのは、任意のWebサイトでChrome開発ツールを使用してそれを見つけられるようにすることです。 要素がどこを呼び出しているかを知るにはどうすればよいですか？ [リスナー]タブが機能しませんでした。それで、私は安全な賭けのように思われたクリックイベントリスナーを探してみましたがjquery2.js、そこには何もありません（そして、コードがどのファイルであるか本当にわからないので、これらすべてをチェックするのに時間を費やしました。 。）： ファイル$(".formSend").click(function() { ... });内の私の機能jquery2.jsはありません。 ジェシーはその理由を説明します： 「最後に、関数がクリックイベントハンドラーに直接バインドされない理由は、jQueryがバインドされる関数を返すためです。jQueryの関数は、いくつかの抽象化レイヤーとチェックを通過し、そこのどこかで、関数を実行します」 あなたの一部が示唆したように、私は下の1つの答えで機能する方法を集めました。
8
jQueryを使用して要素のIDを変更する
jQueryを使用して要素のIDを変更する必要があります。 どうやらこれらは動作しません： jQuery(this).prev("li").attr("id")="newid" jQuery(this).prev("li")="newid" 次のコードでそれを実現できることがわかりました。 jQuery(this).prev("li")show(function() { this.id="newid"; }); しかし、それは私には正しくないようです。もっと良い方法があるに違いない？また、ない場合は、表示/非表示または他の効果の代わりに他にどのような方法を使用できますか？当然、IDを変更するだけで、毎回要素を表示/非表示にしたり、影響を与えたりする必要はありません。 （うん、私はjQuery初心者です。） 編集 この場合、クラスは使用できません。IDを使用する必要があります。
302 javascript  jquery 
12
RequireJSが必要なスクリプトをキャッシュしないようにする
RequireJSは、必要なJavaScriptファイルをキャッシュするために内部的に何かをしているようです。必要なファイルの1つを変更した場合、変更を適用するためにファイルの名前を変更する必要があります。 バージョン番号をquerystringパラメータとしてファイル名の最後に追加する一般的なトリックは、requirejsでは機能しません <script src="jsfile.js?v2"></script> 私が探しているのは、スクリプトファイルが更新されるたびにスクリプトファイルの名前を変更する必要なく、このRequireJS必須スクリプトの内部キャッシュを防ぐ方法です。 クロスプラットフォームソリューション： 現在urlArgs: "bust=" + (new Date()).getTime()、開発中の自動キャッシュ無効urlArgs: "bust=v2"化と、更新された必要なスクリプトをロールアウトした後にハードコードされたバージョン番号をインクリメントする本番環境で使用しています。 注意： @Dustin Getzは最近の回答で、このようにJavaScriptファイルが継続的に更新されると、Chromeデベロッパーツールがデバッグ中にブレークポイントを削除することを述べました。1つの回避策はdebugger;、ほとんどのJavaScriptデバッガーでブレークポイントをトリガーするコードを記述することです。 サーバー固有のソリューション： NodeやApacheなどのサーバー環境に適している特定のソリューションについては、以下の回答のいくつかを参照してください。
6
jQuery UI：Datepickerで年の範囲のドロップダウンを100年に設定
Datepickerを使用すると、デフォルトでは年のドロップダウンに10年しか表示されません。さらに年を追加するには、ユーザーは昨年をクリックする必要があります。 ユーザーにデフォルトで大きなリストが表示されるように、初期範囲を100年に設定するにはどうすればよいですか？ function InitDatePickers() { $(".datepicker").datepicker({ changeMonth: true, changeYear: true, showButtonPanel: true, maxDate: '@maxDate', minDate: '@minDate' }); }
14
JSONの代わりに生成されたHTMLを返すことが悪い習慣であるのはなぜですか？またはそれは？
JQueryまたは他の同様のフレームワークを使用して、カスタムURL / WebサービスからHTMLコンテンツをロードするのは非常に簡単です。私はこのアプローチをこれまで何度も使用してきましたが、パフォーマンスは満足できるものでした。 しかし、すべての本、すべての専門家が、生成されたHTMLではなくJSONを使用するようにしています。HTMLよりもはるかに優れているのはなぜですか？ とても速いですか？ サーバーへの負荷は非常に少ないですか？ 一方、生成されたHTMLを使用する理由はいくつかあります。 これは単純なマークアップであり、多くの場合、JSONよりもコンパクトであるか、実際にはJSONよりコンパクトです。 エラーが発生しにくいため、マークアップだけでコードはありません。 ほとんどの場合、プログラムの方が速くなります。これは、クライアントエンド用に個別にコードを記述する必要がないためです。 あなたはどちら側にいますか、そしてその理由は？
301 javascript  jquery  html  ajax  json 
30
子要素にカーソルを合わせるとHTML5 dragleaveが発生する
私が抱えている問題dragleaveは、要素の子要素をホバーすると要素のイベントが発生することです。また、dragenter親要素を再びホバーするときにも発生しません。 簡単なフィドルを作成しました：http : //jsfiddle.net/pimvdb/HU6Mk/1/。 HTML： <div id="drag" draggable="true">drag me</div> <hr> <div id="drop"> drop here <p>child</p> parent </div> 次のJavaScriptを使用： $('#drop').bind({ dragenter: function() { $(this).addClass('red'); }, dragleave: function() { $(this).removeClass('red'); } }); $('#drag').bind({ dragstart: function(e) { e.allowedEffect = "copy"; e.setData("text/plain", "test"); } }); divそこに何かをドラッグすると、ドロップを赤くしてユーザーに通知します。これは機能しますが、p子にドラッグすると、dragleaveが起動され、divはもう赤ではありません。ドロップに戻ってdivも、再び赤くなることはありません。div赤にするためには、ドロップから完全に移動し、再度ドラッグしてドロップする必要があります。 dragleave子要素にドラッグするときに発火を防ぐことは可能ですか？ 2017年の更新： TL; DR、pointer-events: none;以下の@HDの回答に記載されているCSS を検索します。これは、最新のブラウザーとIE11で機能します。
8
変数===未定義vs typeof変数===「未定義」
jQueryのコアスタイルガイドラインは、変数が定義されているかどうかを確認するには、2つの異なる方法を提案します。 グローバル変数： typeof variable === "undefined" ローカル変数： variable === undefined プロパティ： object.prop === undefined jQueryがグローバル変数に1つのアプローチを使用し、ローカル変数とプロパティに別のアプローチを使用するのはなぜですか？
6
（function（$）{}）（jQuery）;は何をしますか？平均？
私はjQueryプラグインの作成から始めています。私は3つの小さなプラグインを作成しましたが、実際にはそれが何を意味するのかわからずに、すべてのプラグインに行をコピーしています。誰かがこれらについてもう少し教えてもらえますか？おそらく、フレームワークを作成するときに説明が役立つと思います:) これは何をしますか？（私はそれが何らかの形でjQueryを拡張していることを知っていますが、これについて知っておくべき他に興味深いものがあります） (function($) { })(jQuery); プラグインを作成する次の2つの方法の違いは何ですか？ タイプ1： (function($) { $.fn.jPluginName = { }, $.fn.jPluginName.defaults = { } })(jQuery); タイプ2： (function($) { $.jPluginName = { } })(jQuery); タイプ3： (function($){ //Attach this new method to jQuery $.fn.extend({ var defaults = { } var options = $.extend(defaults, options); //This is where you write …
299 javascript  jquery 
10
テキスト入力フィールドでEnterキーを検出する
特定の入力中にEnterキーが押された場合に機能を実行しようとしています。 私は何を間違っているのですか？ $(document).keyup(function (e) { if ($(".input1").is(":focus") && (e.keyCode == 13)) { // Do something } }); これを行うより良い方法はあり.input1ますか？
299 javascript  jquery 
17
ASP.NETボタンポストバック付きのjQuery UIダイアログ
私のASP.NETページでjQuery UIダイアログがうまく機能しています： jQuery(function() { jQuery("#dialog").dialog({ draggable: true, resizable: true, show: 'Transfer', hide: 'Transfer', width: 320, autoOpen: false, minHeight: 10, minwidth: 10 }); }); jQuery(document).ready(function() { jQuery("#button_id").click(function(e) { jQuery('#dialog').dialog('option', 'position', [e.pageX + 10, e.pageY + 10]); jQuery('#dialog').dialog('open'); }); }); 私のdiv： <div id="dialog" style="text-align: left;display: none;"> <asp:Button ID="btnButton" runat="server" Text="Button" onclick="btnButton_Click" /> …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.