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

私は次のようにウィンドウ内の要素の位置を取得しようとしています： var link = $(element); var offset = link.offset(); var top = offset.top; var left = offset.left; var bottom = $(window).height() - link.height(); bottom = offset.top - bottom; var right = $(window).width() - link.width(); right = offset.left - right; しかし、下と右は-それらの前にあります...これはなぜですか？数字は正しいので、マイナスであってはなりません。

82 jquery 

私はそれを読みましたが、すべてのブラウザで正しく動作するわけではoffsetLeftありoffsetTopません。 jQuery.offset()正しい値xbrowserを提供するために、これを抽象化することになっています。 私がやろうとしているのは、要素の左上を基準にして要素がクリックされた場所の座標を取得することです。 問題はjQuery.offset().top、FFX 3.6で実際に10進値が表示されることです（IEとChromeでは、2つの値が一致します）。 このフィドルは問題を示しています。下の画像をクリックすると、jQuery.offset().top327.5がoffsetTop返されますが、328が返されます。 それがoffset()正しい値を返していると思います。ブラウザ間で機能するので、それを使用する必要があります。ただし、人々は明らかにピクセルの小数をクリックすることはできません。Math.round()jQueryが返すオフセットに対する真のオフセットを決定する適切な方法はありますか？offsetTop代わりに使用する必要がありますか、それとも他の方法を完全に使用する必要がありますか？

82 javascript  jquery  offset 

したがって、テーブルに新しい行を追加するこのボタンがありますが、私の問題は.new_participant_form、appendメソッドが実行された後はクリックイベントをリッスンしないことです。 http://jsfiddle.net/cTEFG/ [新しいエントリの追加]をクリックしてから、フォーム名をクリックします。 $('#add_new_participant').click(function() { var first_name = $('#f_name_participant').val(); var last_name = $('#l_name_participant').val(); var role = $('#new_participant_role option:selected').text(); var email = $('#email_participant').val(); $('#registered_participants').append('<tr><td><a href="#" class="new_participant_form">Participant Registration</a></td><td>'+first_name+ ' '+last_name+'</td><td>'+role+'</td><td>0% done</td></tr>'); }); $('.new_participant_form').click(function() { var $td = $(this).closest('tr').children('td'); var part_name = $td.eq(1).text(); alert(part_name); }); }); HTML <table id="registered_participants" class="tablesorter"> <thead> <tr> <th>Form</th> …

82 jquery  html 

jQueryの追加を使用して要素を追加するためのより簡単で迅速な方法はありますか？ $ selectors要素を取得する方法： $container.append('<div class="selectors"></div>'); var $selectors = $('.selectors', $container); 私は試した： var $selectors = $container.append('<div class="selectors"></div>'); しかしそれは$ selectors = $ containerになります 多分それが最も速く/最良の方法です。チェックしてるだけ。

82 jquery  css-selectors  append 

jQueryで、フォームの要素のいずれかが変更されたかどうかをテストする簡単な方法はありますか？ 編集：私は私がチェックする必要があるだけであることを追加する必要がありましたclick()イベント。 編集：申し訳ありませんが、私は本当にもっと具体的にすべきでした！フォームがあり、次のボタンがあるとします。 $('#mybutton').click(function() { // Here is where is need to test if(/* FORM has changed */) { // Do something } }); ロードされてからフォームが変更されたかどうかをテストするにはどうすればよいですか？

82 javascript  jquery 

jQueryを使用してCookieを設定しようとしています。 $.cookie("testCookie", "hello"); alert($.cookie("testCookie")); しかし、ページをロードすると、「$。cookieは関数ではありません」というエラーが表示されます。これが私が知っていることです： ここからjQuerycookieプラグインをダウンロードしました。 私はjQueryにリンクしていて、次にcookieプラグインにリンクしています。 jQueryとjQuery.cookieの両方が200OKで正しく読み込まれています。 私は他のいくつかの回答（こことここなど）を調べましたが、ほとんどの人がcookie.jsファイルの名前を変更することを提案しました。Cookieファイルの名前を「jquery.cookeee.js」に変更しましたが、結果は同じです。 ここで何が起こっているかについて何かアイデアはありますか？ それが役に立ったら、MVC4でWebアプリケーションを作成しています。

82 javascript  jquery  asp.net-mvc  cookies 

フォームをAJAXで送信しようとしているので、データをserialize（）する必要があります。しかし、私は使用していてfckEditor、jQueryはそれを処理する方法を知らないので、シリアル化後、手動で値を変更しようとしていますが、今のところ運がありません...アイデアはありません if(content_val!=""){ var values = $("#frmblog").serialize(); values.content = content_val; //content_val is the manually fetched data which I am trying to insert into the serialized content. alert(content_val); alert(values); }

82 jquery  serialization  fckeditor 

を呼び出したいのですが JavaScriptからmailtoリンク-つまり、ユーザーが通常のmailtoリンクをクリックした場合とまったく同じように、ユーザーのPCで電子メールクライアントを開くことができるメソッドが必要です。 これどうやってするの？

82 javascript  jquery  mailto 

私はこのフォームを持っていて、テキスト領域から値を取得しようとしています。どういうわけかそれはしたくありません。 <form action="/profile/index/sendmessage" method="post" enctype="application/x-www-form-urlencoded"> <div class="upload_form"> <dt id="message-label"><label class="optional" for="message">Enter Message</label></dt> <dd id="message-element"> <textarea cols="60" rows="5" id="message" name="message"></textarea></dd> <dt id="id-label"> </dt> <dd id="id-element"> <input type="hidden" id="id" value="145198" name="id"></dd> <dt id="send_message-label"> </dt> <dd id="send_message-element"> <input type="submit" class="sendamessage" value="Send" id="send_message" name="send_message"></dd> </div> </form> $("input.sendamessage").click(function(event) { event.preventDefault(); var message = $('textarea#message').html(); var id = …

82 javascript  jquery  textarea 

<title>jqueryで動的に変化するタグを作成するにはどうすればよいですか？ 例：3つの>シンボルを1つずつ追加する > title >> title >>> title

82 javascript  jquery  title 

以下のようなJavaScriptを介して動的にhtmlを追加しているhtmlページがあります <script type="text/javascript" src="/myapp/htmlCode"></script> ロードされたコンテンツ（）などのjs関数を呼び出したい。上記のスクリプトがダイナミックHTMLを追加したら。 誰かが私がそれをどのように行うことができるか私を助けることができますか？

82 javascript  jquery  html 

jQueryを使用して、.change()または.keyup()が発生したときに関数を実行したいと思います。 このようなもの。 if ( jQuery(':input').change() || jQuery(':input').keyup() ) { alert( 'something happened!' ); } 編集 申し訳ありませんが、言及するのを忘れました。両方とも.change()、.keyup()範囲内にある変数のいくつかが必要です。

82 javascript  jquery  function 

CSS 2.1に関する通常のIEのバグを修正しようとしていますが、要素のスタイルプロパティを変更して、カスタムのテキスト配置スタイルを追加する方法が必要です。 現在jQueryでは次のようなことができます $(this).width() or $(this).height() しかし、これと同じアプローチでテキストを変更する良い方法を見つけることができないようです。 アイテムにはすでにクラスがあり、運が悪ければそのクラスにtext-alignを設定しました。クラスが定義された後、この要素にtext-align CSS属性を追加することは可能ですか？ 私はこのようなものを持っています $(this).css("text-align", "center"); 幅を調整した直後、これをFirebugで表示した後、スタイルに設定されているプロパティは「width」のみであることがわかります。何か助けはありますか？ 編集： おっと-この質問への大きな回答！手元の問題に関するもう少し詳細： jqGrid A3.5のjsソースを調整して、カスタムサブグリッド作業を実行しています。調整している実際のJSを以下に示します（上記の例で「this」を使用して申し訳ありませんが、これをシンプルに保ちたいと思いました。簡潔） var subGridJson = function(sjxml, sbid) { var tbl, trdiv, tddiv, result = "", i, cur, sgmap, dummy = document.createElement("table"); tbl = document.createElement("tbody"); $(dummy).attr({ cellSpacing: "0", cellPadding: "0", border: "0" }); trdiv = document.createElement("tr"); …

81 jquery  css  text-align 

私が持っているとしましょう： <ul> <li>First item</li> <li>Second item</li> <li>Third item</li> </ul> jQueryを使用して、最初の要素の後にすべての子要素を選択するにはどうすればよいですか？だから私は次のようなことを達成することができます： <ul> <li>First item</li> <li class="something">Second item</li> <li class="something">Third item</li> </ul>

81 javascript  jquery 

ブラウザウィンドウのサイズが変更されたときにjqGridのサイズを変更する方法はありますか？ここで説明する方法を試しましたが、その手法はIE7では機能しません。

81 javascript  jquery  jqgrid  grid  resize