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

何をしないfnここでの意味は？ jQuery.fn.jquery

568 javascript  jquery 

私は現在、このチュートリアルを進めています：jQuery入門 以下の2つの例の場合： $("#orderedlist").find("li").each(function (i) { $(this).append(" BAM! " + i); }); $("#reset").click(function () { $("form").each(function () { this.reset(); }); }); 最初の例では$(this)、各li要素内にテキストを追加するために使用しています。2番目の例ではthis、フォームをリセットするときに直接使用します。 $(this)よりも頻繁に使用されているようですthis。 私の推測は最初の例で$()は、各li要素をappend()関数を理解するjQueryオブジェクトに変換するのに対し、2番目の例reset()ではフォームで直接呼び出すことができます。 基本的に$()、特別なjQuery専用の関数が必要です。 これは正しいです？

567 javascript  jquery  this 

$(document).ready(function() { //set initial state. $('#textbox1').val($(this).is(':checked')); $('#checkbox1').change(function() { $('#textbox1').val($(this).is(':checked')); }); $('#checkbox1').click(function() { if (!$(this).is(':checked')) { return confirm("Are you sure?"); } }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="checkbox" id="checkbox1"/><br /> <input type="text" id="textbox1"/> コードスニペットを実行する結果を非表示スニペットを展開 ここ.change()では、チェックボックスのステータスでテキストボックスの値を更新します。.click()チェックを外したときのアクションの確認に使用します。ユーザーがキャンセルを選択すると、チェックマークは復元されますが、.change()確認前に発生します。 これにより、一貫性のない状態になり、チェックボックスをオンにすると、テキストボックスにfalseと表示されます。 キャンセルに対処し、テキストボックスの値をチェックの状態と一致させるにはどうすればよいですか？

564 javascript  jquery  event-handling 

jQueryのajax関数を使用してサーバーサイドのPHPスクリプトにファイルを送信するときに問題が発生しました。ファイルリストを取得する$('#fileinput').attr('files')ことは可能ですが、このデータをサーバーに送信するにはどうすればよいですか？ファイル入力を使用する$_POSTと、サーバーサイドのphp-script の結果の配列（）は0（NULL）になります。 私はそれが可能であることを知っています（今までjQueryソリューションは見つかりませんでしたが、Prototyeコードのみ（http://webreflection.blogspot.com/2009/03/safari-4-multiple-upload-with-progress.html） ）。 これは比較的新しいようですが、XHR / Ajaxを介したファイルのアップロードは確実に機能しているため、XHR / Ajax経由でのアップロードは不可能であることを述べないでください。 Safari 5の機能が必要です。FFとChromeはいいですが、必須ではありません。 今の私のコードは： $.ajax({ url: 'php/upload.php', data: $('#file').attr('files'), cache: false, contentType: 'multipart/form-data', processData: false, type: 'POST', success: function(data){ alert(data); } });

563 jquery  ajax  file-upload  multipartform-data  form-data 

休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 5年前休業。 jQueryのようなJavaScriptフレームワークがクラ​​イアント側のWebアプリケーションをよりリッチで機能的にするので、1つの問題に気づき始めました... 世界でこれをどのように整理しますか？ すべてのハンドラを1つの場所に配置し、すべてのイベントの関数を記述しますか？ すべての機能をラップする関数/クラスを作成しますか？ 狂ったように書いて、それがうまくいくことを願っていますか？ あきらめて、新しいキャリアを得る？ jQueryについて言及しましたが、これは実際には一般的なJavaScriptコードです。何行にもわたっていくと、スクリプトファイルの管理や探しているものを見つけるのが難しくなります。私が見つけた最大の問題は、同じことを実行する方法が非常に多く、現在一般に受け入れられているベストプラクティスがどれであるかを知るのが難しいことです。 .jsファイルをアプリケーションの他の部分と同じようにきれいに保つための最良の方法に関する一般的な推奨事項はありますか？それともIDEの問題ですか？そこに良いオプションはありますか？ 編集 この質問は、ファイル編成ではなく、コード編成に関するものでした。ファイルをマージしたりコンテンツを分割したりする良い例がいくつかあります。 私の質問は、実際にコードを整理するために現在一般的に受け入れられているベストプラクティスの方法は何ですか？あなたの方法は何ですか、またはページ要素とやり取りして、互いに競合しない再利用可能なコードを作成するための推奨される方法は何ですか？ 一部の人々は、良い考えである名前空間をリストしました。より具体的にはページ上の要素を処理し、コードを整理して整理する他の方法は何ですか？

561 javascript  jquery  design-patterns  architecture  formatting 

私が構築しているサイトのフロントページでは、いくつか<div>のがCSS :hover疑似クラスを使用して、マウスを上に置くと境界線を追加します。の1つには、jQueryを使用<div>し<form>て、その中の入力にフォーカスがある場合に境界を保持するが含まれます。IE6がs :hover以外<a>の要素をサポートしないことを除いて、これは完全に機能します。したがって、このブラウザでは:hover、$(#element).hover()メソッドを使用してCSS を模倣するためにjQueryのみを使用しています。唯一の問題は、jQueryがフォームfocus() との 両方を処理するようhover()になったことです。入力にフォーカスがある場合、ユーザーがマウスを内側と外側に動かすと、境界が消えます。 この動作を停止するために、なんらかの条件を使用できると考えていました。たとえば、いずれかの入力にフォーカスがあるかどうかマウスアウトでテストした場合、境界線が消えないようにすることができます。私の知る限り、:focusjQuery にはセレクターがないため、これを実現する方法がわかりません。何か案は？

561 javascript  jquery  javascript-events  jquery-on 

Google Maps API（v3）を使用して、ページにいくつかの地図を描画しています。マウスホイールを地図上でスクロールするときにズームを無効にしたいのですが、方法がわかりません。 scaleControlを無効にしました（つまり、スケーリングUI要素を削除しました）が、これはスクロールホイールのスケーリングを妨げません。 これが私の関数の一部です（これは単純なjQueryプラグインです）： $.fn.showMap = function(options, addr){ options = $.extend({ navigationControl: false, mapTypeControl: false, scaleControl: false, draggable: false, mapTypeId: google.maps.MapTypeId.ROADMAP }, options); var map = new google.maps.Map(document.getElementById($(this).attr('id')), options); // Code cut from this example as not relevant };

560 jquery  google-maps  google-maps-api-3  jquery-plugins 

この質問の答えはコミュニティの努力です。この投稿を改善するには、既存の回答を編集してください。現在、新しい回答や相互作用を受け入れていません。 JavaScriptを使用してクライアントのIPアドレスを何らかの方法で取得する必要があります。サーバー側のコードはなく、SSIもありません。 ただし、無料のサードパーティのスクリプト/サービスを使用することに反対しているわけではありません。

560 javascript  jquery  ip-address 

2つの機能があります。Enterキーを押すと関数は正しく実行されますが、Escapeキーを押すと機能しません。エスケープキーの正しい番号は何ですか？ $(document).keypress(function(e) { if (e.which == 13) $('.save').click(); // enter (works as expected) if (e.which == 27) $('.cancel').click(); // esc (does not work) });

559 javascript  jquery 

巨大なjQueryアプリケーションがあり、クリックイベントに以下の2つのメソッドを使用しています。 最初の方法 HTML <div id="myDiv">Some Content</div> jQuery $('#myDiv').click(function(){ //Some code }); 第二の方法 HTML <div id="myDiv" onClick="divFunction()">Some Content</div> JavaScript関数呼び出し function divFunction(){ //Some code } 私のアプリケーションでは、1番目または2番目の方法を使用しています。どっちがいいですか？パフォーマンスに優れていますか？そして標準？

558 javascript  jquery  html  jquery-events 

問題の説明は簡単です。ユーザーがラジオグループからラジオボタンを選択したかどうかを確認する必要があります。グループ内のすべてのラジオボタンは同じIDを共有します。 問題は、フォームの生成方法を制御できないことです。以下は、ラジオボタンコントロールコードがどのように見えるかのサンプルコードです。 <input type="radio" name='s_2_1_6_0' value='Mail copy to my bill to address' id = "InvCopyRadio" onchange = 'SWESubmitForm(document.SWEForm2_0,s_4,"","1-DPWJJF")' style="height:20;width:25" tabindex=1997 > ラジオボタンが選択されたときにこれに加えて、それはコントロールに属性を「確認」だけでテキストが追加されることはありません確認を （私はプロパティに値なしで確認推測します）。選択したラジオコントロールは次のようになります <input type="radio" checked name='s_2_1_6_0' value='Mail copy to my bill to address' id = "InvCopyRadio" onchange = 'SWESubmitForm(document.SWEForm2_0,s_4,"","1-DPWJJF")' style="height:20;width:25" tabindex=1997 > チェックされたラジオボタンの値を取得するのに役立つjQueryコードで誰かが私を助けることができますか？

557 jquery  radio-button  siebel 

<iframe>HTMLページにを読み込んで、JavaScriptを使用してページ内の要素にアクセスしようとしていますが、コードを実行しようとすると、次のエラーが発生します。 SecurityError: Blocked a frame with origin "http://www.<domain>.com" from accessing a cross-origin frame. フレーム内の要素にアクセスできるように、解決策を見つけるのを手伝っていただけませんか？ 私はこのコードをテストに使用していますが、無駄です： $(document).ready(function() { var iframeWindow = document.getElementById("my-iframe-id").contentWindow; iframeWindow.addEventListener("load", function() { var doc = iframe.contentDocument || iframe.contentWindow.document; var target = doc.getElementById("my-target-id"); target.innerHTML = "Found it!"; }); });

556 javascript  jquery  security  iframe  same-origin-policy 

GET：$.get(..) POST：$.post().. どうPUT/DELETEですか？

555 jquery  httprequest  put 

OverаэтотвопросестьответынаStack Overflowнарусском：JQueryпоискобработчикасобытияобъекта オブジェクトに登録されているイベントハンドラを見つける必要があります。 例えば： $("#el").click(function() {...}); $("#el").mouseover(function() {...}); $("#el")クリックとマウスオーバーが登録されています。 それを見つけて、おそらくイベントハンドラを反復する関数はありますか？ 適切なメソッドを介してjQueryオブジェクトでそれができない場合、プレーンなDOMオブジェクトで可能ですか？

555 jquery  events  dom 

jQueryのAJAXサポートを介してFlickrとPanoramioから画像を取得するページを開発しています。 Flickr側は問題なく動作していますが、$.get(url, callback)Panoramioから起動しようとすると、Chromeのコンソールにエラーが表示されます。 XMLHttpRequestはhttp://www.panoramio.com/wapi/data/get_photos?v=1&key=dummykey&tag=test&offset=0&length=20&callback=processImages&minx=-30&miny=0&maxx=0&maxy=150を読み込めません。Origin nullはAccess-Control-Allow-Originでは許可されていません。 ブラウザから直接そのURLをクエリすると、正常に動作します。何が起こっているのですか、これを回避できますか？クエリを間違って作成していますか、またはこれはPanoramioが私がやろうとしていることを妨げるために行うものですか？ Googleは、エラーメッセージに関する有用な一致を表示しませんでした。 編集 この問題を示すサンプルコードを次に示します。 $().ready(function () { var url = 'http://www.panoramio.com/wapi/data/get_photos?v=1&key=dummykey&tag=test&offset=0&length=20&callback=processImages&minx=-30&miny=0&maxx=0&maxy=150'; $.get(url, function (jsonp) { var processImages = function (data) { alert('ok'); }; eval(jsonp); }); }); この例はオンラインで実行できます。 編集2 これを助けてくれたDarinに感謝します。 上記のコードは間違っています。 代わりにこれを使用してください： $().ready(function () { var url = 'http://www.panoramio.com/wapi/data/get_photos?v=1&key=dummykey&tag=test&offset=0&length=20&minx=-30&miny=0&maxx=0&maxy=150&callback=?'; $.get(url, function (data) { // can use …

550 javascript  jquery  xmlhttprequest  cors  jsonp