問題タブ [insertafter]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
1826 参照

jquery - ウィンドウのサイズ変更でdivを移動します。

ウィンドウのサイズが変更されたときにいくつかのdivを移動しようとしていますが、ステートメントが機能する場合はこれを実行しないでください。

また、ページが.resizeを使用してロードされたとき、またはページが最初にロードされたときにこれをトリガーできますか?

0 投票する
1 に答える
111 参照

jquery - 「奇妙な」.insertAfter() の動作

段落の間にいくつかの要素を挿入しようとしています...-しかし、意図したとおりに機能していません:

私が見たいのは次のようなものです:

しかし、結果は少し異なります。

私のコードは次のようになります。

何をすべき/変更する...?

0 投票する
2 に答える
2290 参照

html - :afterを使用して背景画像を追加しますが、コンテンツは追加しません

グラフィックを使用し、角が丸いボタンがあります。

ボタンをCSSで再利用可能にし、丸い角を維持しながら任意の長さのテキストに対応できるようにするために、メインボタンの後に端の丸い角を追加するために使用したいと思い:afterます(したがって、最初の画像/テキストが大きくなり、丸みを帯びた角は常に端にタックがあります。)

コンテンツ(たとえば、「テスト」という単語やいくつかの背景色)を追加すると機能するよう:afterになりましたが、スタイリングにコンテンツがない場合は機能しません。背景画像が必要なだけです。

ボタン付きのJSFiddle。コードは表示:afterされますが、何らかの理由で表示されません。

0 投票する
2 に答える
51 参照

onclick - 追加した要素を取得して関数をアクティブ化できません

作成時にカラーボックスインターフェイスへのリンクを追加しようとしています。最終的には現在表示されている画像ファイルにリンクしますが、今のところ、console.logを機能させたいだけです。リンクは正しく追加されますが(#print-one)、リンクがクリックされたときに実行する関数を取得できません。どんな助けでも大歓迎です!

これはすべて$(document).ready関数内にラップされています。リンクがクリックされたときにコンソールログを機能させることができません。私はそれを理解しようとして壁に頭を打ちつけてきました。助けてくれてありがとう!

0 投票する
2 に答える
3438 参照

jquery - nth-child と .after? を使用して、2 つの div の間に div を挿入します。

私はたくさんの div を持っています。それらはすべて画像を含む PHP 経由で出力されています。4 番目の div の後に注入したい 1 つの div がありますが、これを達成するのに問題があります。画像/divをグリッド化するためにIsotopeを使用しています。

私のjQueryの例:

私のHTMLの例:

0 投票する
3 に答える
139 参照

jquery - jQuery:ドキュメントの準備ができているページに要素が存在するのはなぜですか?

次のコードがページに「このテキストがロード時に表示される理由」を表示するのはなぜですか?

0 投票する
2 に答える
2570 参照

jquery - jQueryの動的に追加された要素は削除できません

私はこの問題の解決策を模索してきましたが、オンラインで多くの同様の投稿に出くわしましたが、私の特定のインスタンスで機能する解決策はありませんでした。

要素のグループ内でjQueryit'inserAfter'を使用しています。グループは簡単に追加できますが、削除リンクをクリックするとremove()関数が呼び出されますが、他のグループは問題なく削除できますが、新しく追加した要素には何も起こりません。

クリック関数にjQueryのon()を使用していますが、動的に追加された要素ではまだ機能しません。

問題を再現するには、下のjsfiddleリンクに移動し、[グループの追加]ボタンをクリックして、DOMに追加された黄色のグループを確認します。次に、黄色のグループにカーソルを合わせて、削除ボタンを表示します。削除ボタンをクリックして、tada ... nothin '

次に例を示します。

http://jsfiddle.net/revive/5MFRm/

0 投票する
2 に答える
53 参照

jquery - jQuery で特定の要素を 1 つずつターゲットにして移動する

私は次のようなHTML構造を持っています:

各 PriceAndButton TR をターゲットにして、対応する各 PhotoLine TR の後に挿入しようとしています。ここに私がこれまでに持っているコードがありますが、まだ機能していません:

私の考えでは、各 PriceAndButton 要素のインデックス値を取得し、その eq がインデックス値 + 1 に等しい PhotoLine TR の後に挿入することでした。PhotoLine TR は常に直後にあるため、これは正しく機能するはずですか?

0 投票する
0 に答える
64 参照

jquery - jQuery - .js ファイルの結果を html の特定の場所に配置する

次のような埋め込みコードを持つウィジェットをサイトに配置したい

<script src="http://www.external-site.com/widget.js?id=123" type="text/javascript" language="javascript"></script>

特定のdivの後。

他のページと同じテンプレートを使用する特定の URL にのみウィジェットを表示したいので、jQuery を使用して特定の URL をチェックし、ウィジェットを特定の場所にレンダリングします。

なぜこれが機能しないのですか?

つまり、after ステートメントで script タグを使用できないのはなぜですか? 他にどうすればこれを達成できますか?

ありがとう

0 投票する
1 に答える
581 参照

jquery - detach() insertAfter() 後に ScrollTop が間違った位置にスクロールする

ウィンドウ サイズが 767px 未満の場合に、フローの後の場所に div を移動する jQuery コードがいくつかあります。すべて正常に動作します。

また、デバイスが 767px 未満の場合、ページの読み込み後にメイン ナビゲーションを超えてメイン コンテンツまでスクロールする jQuery コードもいくつかあります。

scrollTop機能は正常に動作します。detach()+insertAfter()関数は正常に動作します。

しかし

insertAfter()コードが影響する単一のページで、コードがscrollTop間違った領域にスクロールします。要素が移動される前にアンカーがあった場所にスクロールしているようです。

何か案は?このページはhttp://northqueensviewhomes.com/communityにあります (これらの動作を表示するにはブラウザー ウィンドウを縮小する必要があり、スクロール機能を表示するには小さなウィンドウをリロードする必要があることに注意してください)。

2 つの関数とその呼び出しは次のとおりです。</p>

ウィンドウのサイズ変更時にinsertAfter()ルーチンが呼び出されます…</p>

…そして、スクロール機能はページの読み込み時に呼び出されます (完全を期すために、単純に…)

私を助けるためにさらに何かが必要かどうかはわかりませんが(再び!)、スクロールを正しい場所、つまり単にアンカーまでスクロールしたいと思い#mainます。

すべての助けに感謝します。