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

私はこのようなコードを持っています、 <form id="abc"> <input type="text" id="txt" /> </form> そして今、私はこのようにリダイレクトしたいのですが、 var temp = $("#txt").val(); url = "http://example.com/" + temp; window.location.replace(url); // or window.location(url); これを解決するためにjQueryにとにかくありますか？それでも私は持っていurl = http://example.comます。

132 javascript  jquery  url  redirect 

ページ上のすべての入力ではなく一部のチェックボックス入力を非表示の入力に変更する必要があります。 <input type="checkbox" name="ProductCode"value="396P4"> <input type="checkbox" name="ProductCode"value="401P4"> <input type="checkbox" name="ProductCode"value="F460129"> 以下のjqueryコードは、すべてのチェックボックスを非表示の入力に変更するタイプによってのみ入力を選択しますinput = "checkbox"とname = "ProductCode"の両方のタイプをセレクターとしてチェックする方法があります。変えたいって？ $("input[type='checkbox']").each(function(){ var name = $(this).attr('name'); // grab name of original var value = $(this).attr('value'); // grab value of original var html = '<input type="hidden" name="'+name+'" value="'+value+'" />'; $(this).after(html).remove(); // add new, then remove original input …

132 jquery 

データを特定の順序でロードする必要があるアプリケーションがあります。ルートURL、次にスキーマ、最後にさまざまなデータオブジェクトのスキーマとURLを使用してアプリケーションを初期化します。ユーザーがアプリケーションをナビゲートすると、データオブジェクトがロードされ、スキーマに対して検証され、表示されます。ユーザーがデータをCRUDすると、スキーマは初回パスの検証を提供します。 初期化に問題があります。Ajax呼び出しを使用してルートオブジェクト$ .when（）をフェッチし、スキーマオブジェクトごとに1つずつ、promiseの配列を作成します。うまくいきます。コンソールにフェッチが表示されます。 次に、すべてのスキーマのフェッチが表示されるので、各$ .ajax（）呼び出しが機能します。fetchschemas（）は確かにpromiseの配列を返します。 ただし、その最後のwhen（）句は起動せず、「DONE」という単語はコンソールに表示されません。jquery-1.5のソースコードは、$。when.apply（）に渡すオブジェクトとして「null」が受け入れられることを示唆しているようです。渡された。 これはFutures.jsを使用して機能しました。このようにならない場合、jQuery Deferredの配列はどのように管理する必要がありますか？ var fetch_schemas, fetch_root; fetch_schemas = function(schema_urls) { var fetch_one = function(url) { return $.ajax({ url: url, data: {}, contentType: "application/json; charset=utf-8", dataType: "json" }); }; return $.map(schema_urls, fetch_one); }; fetch_root = function() { return $.ajax({ url: BASE_URL, data: {}, contentType: "application/json; charset=utf-8", …

132 jquery  jquery-deferred  .when 

select要素の値を設定するときに変更イベントをトリガーする最も簡単で最良の方法は何ですか。 私は次のコードを実行することを期待していました $('select#some').val(10); または $('select#some').attr('value', 10); 結果としてchangeイベントがトリガーされますが、これはかなり論理的なことだと思います。正しい？ まあ、そうではありません。これを実行してchange（）イベントをトリガーする必要があります $('select#some').val(10).change(); または $('select#some').val(10).trigger('change'); しかし、selectの値がjavascriptコードによって変更されるとすぐに変更イベントをトリガーするいくつかのソリューションを探しています。

132 jquery  events  triggers  onchange 

クリックイベントで3つのajax呼び出しを行います。各ajax呼び出しは個別の操作を実行し、最終的なコールバックに必要なデータを返します。呼び出し自体は互いに依存しておらず、すべて同時に実行できますが、3つすべてが完了したときに最終的なコールバックが必要です。 $('#button').click(function() { fun1(); fun2(); fun3(); //now do something else when the requests have done their 'success' callbacks. }); var fun1= (function() { $.ajax({/*code*/}); }); var fun2 = (function() { $.ajax({/*code*/}); }); var fun3 = (function() { $.ajax({/*code*/}); });

132 jquery  ajax  callback 

ログインページが読み込まれたときに大学のネットワークにログインするスクリプトを書いています。 コードは次のようになります // ==UserScript== // @name My Fancy New Userscript // @namespace http://use.i.E.your.homepage/ // @version 0.1 // @description enter something useful // @match <College login page> // @copyright 2012+, You // ==/UserScript== $(document).ready(function() { var usr=document.getElementsByName("username"); var pass = document.getElementByName("password"); usr.value="usrname"; pass.value="password"; var submitButton = document.querySelector ('input[type="submit"][value="Login"]'); var clickEvent = …

132 javascript  jquery  tampermonkey 

MVCビューに次のフィールドがあります。 @Html.TextBoxFor(model => model.Course.Title, new { data_helptext = "Old Text" })</span> 別のjsファイルで、data-helptext属性を文字列値に設定します。これが私のコードです： alert($(targetField).data("helptext")); $(targetField).data("helptext", "Testing 123"); alert()呼び出しは、それが警告ダイアログのテキスト「古いテキスト」を示し、正常に動作します。ただし、data-helptext属性を "Testing 123" に設定する呼び出しは機能しません。「古いテキスト」は、属性の現在の値のままです。 data（）の呼び出しを誤って使用していますか？これをウェブで調べたところ、何が悪いのかわかりません。 HTMLマークアップは次のとおりです。 <input data-helptext="Old Text" id="Course_Title" name="Course.Title" type="text" value="" />

131 jquery  model-view-controller  attributes  custom-data-attribute 

AJAXを使用してクロスドメインHTMLページをロードしようとしていますが、dataTypeが "jsonp"でないと、応答を取得できません。ただし、jsonpを使用すると、ブラウザはスクリプトのMIMEタイプを想定していますが、「text / html」を受信して​​います。 リクエストのコードは次のとおりです。 $.ajax({ type: "GET", url: "http://saskatchewan.univ-ubs.fr:8080/SASStoredProcess/do?_username=DARTIES3-2012&_password=P@ssw0rd&_program=%2FUtilisateurs%2FDARTIES3-2012%2FMon+dossier%2Fanalyse_dc&annee=2012&ind=V&_action=execute", dataType: "jsonp", }).success( function( data ) { $( 'div.ajax-field' ).html( data ); }); リクエストにjsonpを使用しないようにする方法はありますか？すでにcrossDomainパラメータを使用しようとしましたが、機能しませんでした。 そうでない場合、jsonpでhtmlコンテンツを受信する方法はありますか？現在、コンソールはjsonp応答で「予期しない<」と言っています。

131 javascript  jquery  ajax  cross-domain 

フォームを表示するJQuery UIダイアログポップアップがあります。フォームで特定のオプションを選択すると、新しいオプションがフォームに表示され、高さが大きくなります。これにより、メインページにスクロールバーがあり、JQuery UIダイアログにスクロールバーがあるシナリオが発生する可能性があります。この2つのスクロールバーのシナリオは、ユーザーにとって見苦しく混乱します。 スクロールバーを表示せずにJQuery UIダイアログを拡大して（場合によっては縮小して）常にコンテンツに合わせるにはどうすればよいですか？メインページのスクロールバーだけが表示されるようにしたいと思います。

131 jquery  jquery-ui  jquery-ui-dialog 

ラジオボタングループが変更またはクリックされたときに要素を非表示および表示するためにjQueryを使用しています。Firefoxなどのブラウザでは問題なく機能しますが、IE 6と7では、ユーザーがページの他の場所をクリックしたときにのみアクションが発生します。 詳しく説明すると、ページをロードすると、すべてが正常に見えます。Firefoxでは、ラジオボタンをクリックすると、1つのテーブル行が非表示になり、他の行がすぐに表示されます。ただし、IE 6および7では、ラジオボタンをクリックしても、ページのどこかをクリックするまで何も起こりません。その後、IEはページを再描画し、関連する要素を非表示にして表示します。 これが私が使っているjQueryです： $(document).ready(function () { $(".hiddenOnLoad").hide(); $("#viewByOrg").change(function () { $(".visibleOnLoad").show(); $(".hiddenOnLoad").hide(); }); $("#viewByProduct").change(function () { $(".visibleOnLoad").hide(); $(".hiddenOnLoad").show(); }); }); これは、影響を受けるXHTMLの一部です。ページ全体がXHTML 1.0 Strictとして検証されます。 <tr> <td>View by:</td> <td> <p> <input type="radio" name="viewBy" id="viewByOrg" value="organisation" checked="checked" />Organisation</p> <p> <input type="radio" name="viewBy" id="viewByProduct" value="product" />Product</p> </td> </tr> <tr class="visibleOnLoad"> <td>Organisation:</td> <td> …

131 jquery  internet-explorer 

現在のところ、この質問は、Q＆A形式には適していません。事実、参考文献、専門知識によって回答が裏付けられることを期待していますが、この質問は、討論、議論、投票、または拡張ディスカッションを求める可能性があります。この質問が改善され、場合によっては再開できると思われる場合は、ヘルプセンターにアクセスしてください。 8年前に閉鎖。 新しいプロジェクトでは、HTML5をサポートし、モバイル、つまりIPhone、IPadsで動作するフレームワークを探していました。私はこれらを見つけました： 煎茶タッチ Mプロジェクト jQuery Mobile jQTouch チタン NimbleKit ウィンクツールキット 私にとって主なものはHTML5です。私はそれらが提供する機能を検討しましたが、それらの機能がある場合は、それを知りたいだけでした。 探すときにどちらを選ぶべきですか： クイックスタート 良いドキュメント 同様のウェブウェイ開発 モバイルプラットフォームの優れたサポート

131 javascript  jquery  html  mobile 

検証のためにこのシナリオを検討してください： function validateForm (validCallback) { $('#first-name').add($('#last-name')).add($('#address')).each(function () { // validating fields and adding 'invalid' class to invalid fields. }); // doing validation this way for almost 50 fields (loop over 50 fields) if ($('#holder .invalid').length == 0) { // submitting data here, only when all fields are validated. } } …

131 jquery  asynchronous 

フォーム付きのjQuery UIダイアログボックスがあります。ダイアログのボタンのクリックをシミュレートしたいので、マウスやタブを使用する必要はありません。つまり、「OK」ボタンを押すことをシミュレートする通常のGUIダイアログボックスのように動作させたいのです。 これはダイアログの簡単なオプションかもしれないと思いますが、jQuery UIのドキュメントにはありません。keyup（）を使用して各フォーム入力をバインドできますが、よりシンプルでクリーンな方法があるかどうかはわかりませんでした。ありがとう。

131 javascript  jquery  jquery-ui 

私が持っているcontenteditable要素を、と私はいくつかのものを入力するたびにヒットし、ENTERそれが新しいを作成<div>し、そこに新しい行のテキストを配置します。これは少し気に入らない。 これが起こらないようにすることはできますか、少なくともそれを単に<br>？ こちらがデモですhttp://jsfiddle.net/jDvau/ 注：これは、Firefoxの問題ではありません。

131 javascript  jquery  google-chrome  html  contenteditable 

ユーザーがファイルを選択したときにイベントを発生させたい。.changeイベントでこれを行うと、ユーザーが毎回ファイルを変更した場合に機能します。 しかし、ユーザーが同じファイルを再度選択した場合にイベントを発生させたいと思います。 ユーザー選択ファイルA.jpg（イベント発生） ユーザー選択ファイルB.jpg（イベント発生） ユーザーがファイルを選択しますB.jpg（イベントが発生しません。発生させたいです） どうすればできますか？

131 jquery  html  events  cross-browser