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

テーブルグリッドを並べ替え可能にするためにjQuery UIを並べ替え可能にしています。コードは問題なく動作するようですが、tdsに幅を追加していないため、ドラッグするtrとコンテンツが縮小します。 例えば; ドラッグを開始したときにテーブルの行が500pxの場合、300pxになります。グリッドで幅が定義されていないので、それが起こっていると思います。これは、tds fixとに2つのクラスを使用しているためですliquid。 fixクラスが行うtdコンテンツ幅に等しいとliquidなるtd幅100％。これは、tds に幅を割り当てる必要がないグリッドテーブルの私のアプローチです。 私のアプローチでソート可能な作業を行う方法はありますか？

155 jquery  jquery-ui  jquery-ui-sortable 

正しいセレクタが見つかりません： <input maxlength="6" size="6" id="colorpickerField1" name="sitebg" value="#EEEEEE" type="text"> 値を= 000000に変更します。テキスト入力のIDではなく「名前」を見つけるためのセレクターが必要です。 これはうまくいきませんか？： $("text.sitebg").val("000000"); 提示された解決策は機能しません、これの何が問題ですか？ $.getJSON("http://www.mysitehere.org/wp-content/themes/ctr-theme/update_genform.php",function(data) { $("#form1").append(data.sitebg); $('input.sitebg').val('000000'); }); JSONデータは正しく機能しています。このアイデアは、後でJSON値をフォーム入力テキスト値に渡すことです。しかし動作していません:(

155 jquery 

私は現在、次のように開始されたTwitter Bootstrapでポップオーバーを使用しています。 $('.popup-marker').popover({ html: true, trigger: 'manual' }).click(function(e) { $(this).popover('toggle'); e.preventDefault(); }); ご覧のとおり、これらは手動でトリガーされ、.popup-marker（背景画像のあるdiv）をクリックすると、ポップオーバーが切り替わります。これはうまく機能しますが、ページの他の場所をクリックするだけでポップオーバーを閉じることもできます（ただし、ポップオーバー自体ではありません！）。 次のようないくつかのことを試しましたが、結果は表示されません。 $('body').click(function(e) { $('.popup-marker').popover('hide'); }); ポップオーバー自体をクリックするのではなく、ページの他の場所をクリックしてポップオーバーを閉じるにはどうすればよいですか？

155 javascript  jquery  twitter-bootstrap 

jQuery ajax関数があり、フォーム全体を投稿データとして送信したいと考えています。私たちは常にフォームを更新しているため、リクエストで送信されるフォーム入力を常に更新するのは面倒になります。

155 jquery  ajax 

jQueryのの最後の例focus()ドキュメントの状態 $('#id').focus() 入力をフォーカス（アクティブ）する必要があります。私はこれを動作させるようには思えません。 このサイトのコンソールでも、検索ボックスで試しています $('input[name="q"]').focus() そして、私は何も得ていません。何か案は？

155 jquery 

jQueryを使用して複数の選択ボックスの値を取得するにはどうすればよいですか？

155 jquery  multi-select 

divタグがあります <div id="theDiv">Where is the image?</div> div内にイメージタグを追加したい 最終結果： <div id="theDiv"><img id="theImg" src="theImg.png" />Where is the image?</div>

154 jquery 

bodyタグに背景画像を設定してから、次のようなコードを実行します。 $('body').css('background-image','http://picture.de/image.png').load(function() { alert('Background image done loading'); // This doesn't work }); 背景画像が完全に読み込まれていることを確認するにはどうすればよいですか？

154 javascript  jquery 

どのように私はの機能をシミュレートできるbackground-size:coverようなHTML要素の上<video>または<img>？ 次のように機能させたい background-size: cover; background-position: center center;

154 javascript  jquery  css 

私はこのような私のプロジェクトでsvgサークルを使用しています、 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 120"> <g> <g id="one"> <circle fill="green" cx="100" cy="105" r="20" /> </g> <g id="two"> <circle fill="orange" cx="100" cy="95" r="20" /> </g> </g> </svg> また、gタグでz-indexを使用して、最初の要素を表示しています。私のプロジェクトでは、z-index値のみを使用する必要がありますが、svg要素にz-indexを使用できません。私はたくさんグーグルしましたが、比較的何も見つかりませんでした。それで、私のsvgでz-indexを使用するのを手伝ってください。 これがデモです。

154 javascript  jquery  svg  z-index 

したがって、基本的には、1つの画像をアップロードしてlocalStorageに保存し、次のページに表示する必要があります。 現在、HTMLファイルをアップロードしています。 <input type='file' id="uploadBannerImage" onchange="readURL(this);" /> この関数を使用してページに画像を表示するもの function readURL(input) { document.getElementById("bannerImg").style.display = "block"; if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { document.getElementById('bannerImg').src = e.target.result; } reader.readAsDataURL(input.files[0]); } } 画像は、ユーザーが見ることができるようにページに即座に表示されます。次に、残りのフォームに記入するよう求められます。この部分は完全に機能しています。 フォームが完成したら、「保存」ボタンを押します。このボタンを押すと、すべてのフォーム入力をlocalStorage文字列として保存します。画像をlocalStorageアイテムとして保存する方法も必要です。 また、保存ボタンはそれらを新しいページに導きます。この新しいページでは、ユーザーデータが表に表示され、画像が一番上に表示されます。 わかりやすくシンプルなのでlocalStorage、[保存]ボタンを押したら画像を保存し、次のページの画像をから借りる必要がありますlocalStorage。 私は、次のようないくつかの解決策を見つけ、このフィドルと// HACKS：MOZで、この記事。 これがどのように機能するかについてはまだ非常に混乱していますが、本当に必要なのは単純なソリューションだけです。基本的にはgetElementByID、[保存]ボタンを押して画像を検索し、画像を処理して保存するだけです。

154 javascript  jquery  html  local-storage 

HTML5では、search入力タイプの右側に小さなXが表示され、テキストボックスがクリアされます（少なくともChromeでは、おそらく他のものでも）。このXがJavaScriptまたはjQueryでクリックされたことを検出する方法はありません。たとえば、ボックスがまったくクリックされたことを検出したり、何らかの場所のクリック検出（x位置/ y位置）を実行したりする方法はありますか？

154 javascript  jquery  html  events  dom-events 

jQuery 1.4ソースコードの内部を見て、それが次のようにカプセル化されていることに気づいたことがありますか。 (function( window, undefined ) { //All the JQuery code here ... })(window); 私はJavaScriptの名前空間に関する記事と「括弧の重要なペア」と呼ばれる別の記事を読んだので、ここで何が行われているのかを知っています。 しかし、この特定の構文を見たことはありません。そこで何をしundefinedているのですか？そして、なぜwindow渡されてから再び最後に現れる必要があるのですか？

153 javascript  jquery  syntax 

どっちがいいの？.hide()は書き出すよりも速いです.css("display", "none")が、違いは何ですか？また、どちらも実際にHTML要素に対して何をしているのですか？

153 javascript  jquery  html  css  show-hide 

私はいつもmouseoverイベントを使用してきましたが、jQueryのドキュメントを読んでいるときに見つけましたmouseenter。それらはまったく同じように機能するようです。 2つの間に違いはありますか？ある場合、いつ使用する必要がありますか？ （mouseoutvsにも適用されますmouseleave）。

153 javascript  jquery  events  javascript-events