後続のクラスが要素に追加されるたびに CSS アニメーションを実行する方法

要素をアニメーション化できるように CSS アニメーション クラスを設定しました。入力ボタンがクリックされるとこのクラスが追加され、例の入力ボタンがクリックされるたびに画面に飛ぶようにしたいです。ただし、これは初回のみ機能し、それ以降の入力クリックでは要素はアニメーション化されません。ここで何が足りないのでしょうか？ $(document).ready(function(){jQuery('#cloc').click(function(){jQuery('p').removeClass('anim

P粉714780768 2023-09-09 22:36:42 0  1  548

div要素のバウンディングボックスを取得する：jQuery実装メソッド

jQuery/JavaScriptを介してdiv要素のバウンディングボックスを計算したいと考えています。次のコードを試しました: // ボックスの左側 document.getElementById("myElement").offsetLeft; // ボックスの上側 document.getElementById("myElement").offsetTop; // ボックスの右側ボックス document.getElementByI

P粉207483087 2023-08-22 11:18:36 0  2  515

flatpickr による jQuery 要素 $input._ flatpicker 入力を選択します

私はプロジェクトで jquery を使用しており、 flatpickr を使用して日付ドロップダウン ボックスを配置しています。日付入力から既存の flatpickr インスタンスを取得する必要がありますが、jquery を使用すると機能しません。 jqueryを使用して入力から flatpickr インスタンスを取得するための答えを探しています。 function flatpickrMinDate($openDate,$closeDate){constfp=$closeDate._ flatpi

P粉877114798 2023-09-17 15:41:09 0  1  671

コンテンツ スクリプトの再挿入: Chrome 拡張機能のアップグレードまたはインストール後に必要な手順

開発中の Chrome 拡張機能をインストールまたはアップグレードした後、コンテンツ スクリプト (マニフェストで指定されている) が再挿入されないため、拡張機能が適切に動作するにはページを更新する必要があります。スクリプトを強制的に再挿入する方法はありますか?プログラムでマニフェストからそれらを削除し、バックグラウンド ページに挿入されるページを処理することで、それらを再度挿入できると思いますが、それは良い解決策ではありません。データが失われる可能性があるため、ユーザーのタブを自動的に更新したくありません。 Safari は、拡張機能がインストールまたはアップグレードされると、すべてのページ...

P粉066224086 2023-08-24 12:03:01 0  2  584

javascript - jqueryのloadを使用して別のHTMLページをロードすると、別のページの要素を操作できますか?

jqueryのloadを使用して別のhtmlページをロードすると、別のページの要素を操作できますか?

淡淡烟草味 2017-05-19 10:36:43 0  3  651

php が値を取得した後、データベースに挿入する前に 2 つのドットを追加する必要がありますか? ?

<?php //フォームが値を取得した後、ステートメントをデータベースに挿入するときにステートメントの両側にドットを追加する必要があります。データベースに挿入する前に。 //なぜその逆ではないのでしょうか?これにはどのような知識が含まれますか? /*問題の例: sql2 = "INSERT INTO test2 (タイトル、メッセージ) VALUES('".$title."',

过客 2019-02-01 10:55:16 0  5  1919

jQueryで自分自身とすべての子要素をコピーする方法はありますか。

{コード...} 最初の li タグの前にすべての子要素を含む li タグ自体をコピーしたいのですが、jQuery には簡単な記述方法があります。 {コード...} 私が考えているのは、li タグ自体ではなく、li タグの下にあるすべての子要素をコピーすることです。

習慣沉默 2017-06-05 11:12:54 0  6  734

jQuery または getElementById が要素を見つけられないのはなぜですか?

document.getElementById、$("#id")、またはその他の DOM メソッド/jQuery セレクターが要素を見つけられない理由として考えられるものは何ですか?問題の例としては、次のようなものがあります。 jQuery がイベント ハンドラーのバインドにサイレントで失敗する jQuery の「getter」メソッド (.val()、>.html()、.text()) が未定義を返す null を返す標準 DOM メソッドが次のエラーで結果を返します: Uncaught TypeError: null プロパティ「..」を設定できません。

P粉575055974 2023-10-15 14:53:18 0  2  747

getElementById などの jQuery メソッドや DOM メソッドが要素を見つけられないのはなぜですか?

document.getElementById、$("#id")、またはその他の DOM メソッド/jQuery セレクターが要素を見つけられない理由として考えられるものは何ですか?問題の例は次のとおりです。 jQuery がイベント ハンドラーのバインドにサイレントで失敗する jQuery の「getter」メソッド (.val()、.html()、.text()) が未定義を返す null を返す標準 DOM メソッドが次のエラーで結果を返します: Uncaught type Error:キャッチされない null プロパティ '...' を設定できません

P粉720716934 2023-10-15 15:40:06 0  2  633

JavaScript または jQuery を使用して一連の HTML 要素を親 HTML 要素内でラップし、各親要素内に保持するにはどうすればよいですか?

JavaScript または jQuery を使用して、1 つのタグ内のすべてのタグを別のタグ内でラップしようとしています。クラス名が wpb_wrapper のすべての要素を検索し、その中のすべてのタグを検索して、それらのタグ グループを各 wpb_wrapper 内の別のタグでラップします。これにより、各 wpb_wrapper 内の子タグ グループは依然として子要素ですが、ページ上のすべてのタグに対して個別のタグではなく、タグを内部に配置します。ここから： ここまで： やってみました

P粉204136428 2023-08-17 15:27:06 0  1  446

javascript - 取得したテキスト要素をvar xに代入するのですが、入力テキストが空かどうか判定できないのはなぜですか？

取得したテキスト要素を var x に割り当てますが、入力テキストが空かどうかの判定が有効にならないのはなぜですか? document.getElementById("demo").innerHTML; 取得した要素は文字列かそれ以外ですか?これは文字列ですが、x.length を使用して文字列の長さを決定することができないのはなぜですか? <スタイル>...

我想大声告诉你 2017-05-18 11:00:49 0  4  555

JavaScript - SVG初心者、SVGに画像を挿入したい

コードは上記の通りです。SVGに画像を挿入してアニメーションさせたいのですが、効果がありません。説明してください...

代言 2017-06-24 09:44:02 0  1  875

javascript - jquery.lazyload の使用時に発生する問題について、助けてください。

このプラグインは動的に挿入された要素を処理していないようです。つまり、動的に挿入された要素は正常に表示できませんが、常に読み込み中の画像が表示されます。現在の一時的な解決策は、新しく挿入されたノードに独自のコンテナーを追加することです。を選択し、このコンテナに対して初期化を実行します。どう思いますか?

ringa_lee 2017-05-19 10:45:21 0  3  627

SQL で別のテーブルの列を参照して、あるテーブルにデータを挿入する

2 つのテーブルを作成しました。1 つはanimation_companies (アニメーション会社)、もう1つはcartoon_characters (漫画のキャラクター)です。ここで、「私が作成したデータベースに情報を挿入するよう要求する監督者をシミュレートする」という文書を受け取りました。データは次のとおりです。animation_companies (アニメーション会社) テーブルには、次の 3 つのレコードのみが含まれています。

P粉342101652 2023-08-02 16:27:21 0  1  545

マウスが要素上で停止したかどうかを確認するにはどうすればよいでしょうか?

JavaScriptまたはCSSを使用して要素の上にマウスを置くのを止める方法を知りたいです。マウスを要素の上に置くと背景の色が変わるアニメーションを作成しています。また、要素の上にマウスを置くのをやめたときにアニメーションを追加したいと考えています。これどうやってするの？

P粉547420474 2024-03-31 13:28:28 0  1  367

ホバー時にアニメーションを一時停止し、マウスが離れるとアニメーションを継続する方法

私はいくつかの解決策にうんざりしましたが、これが私が得た最も近い解決策です。しかし、この結果にはまだ満足していません。マウスが要素から離れると、要素は元の回転に戻ってしまうからです。要素の上に移動すると、マウスが要素から離れた場合でもアニメーションがトリガーされるという考えです。要素の上にマウスを移動すると、アニメーションが再生されて 0 度に留まり、マウスが離れると別のアニメーションが再生され、回転して -8 度に戻ります。 consstelements=document.getElementsByClassName('rota

P粉786800174 2024-04-01 09:43:54 0  1  459

CSS アニメーションを終了時に最終状態に保つ

CSS で opacity:0; に設定されているいくつかの要素でアニメーションを実行しています。キーフレームを使用してアニメーション クラスが onClick イベントに適用され、不透明度が 0 から 1 に変更されます (その他の変更もいくつかあります)。残念ながら、アニメーションが終了すると、要素は不透明度: 0 の状態に戻ります (Firefox と Chrome の両方)。私の直感では、アニメーション化された要素は最終状態に残り、元のプロパティがオーバーライドされると考えています。これは本当ではないでしょうか？そうでない場合、要素を最終状態に保つにはどうすればよいでしょうか?コード ...

P粉950128819 2023-08-20 18:36:55 0  2  657

javascript - データをnodejsリストの途中に挿入することはできませんか?

Python のリストでは、{Code...} のように途中にデータを挿入できますが、nodejs には挿入関数がないようで、真ん中の要素の削除が完了していません。{Code...} を削除したい場合は、[2. ] を選択して新しいものを入手します。 リストは [1,2,4,5,6,7] ですが、どうすればよいですか? 3位以降なら…

某草草 2017-05-16 13:43:43 0  4  603

JavaScript - 親要素の置換に関するinsertbeforeの問題

変更前のコード {code...} 変更後のコード {code...} 変更後は要素を追加できません。何が問題ですか。以前の追加には親要素として body があり、それを渡さずに直接使用されました。 divをネストして要素を事前に取得しました。しかし、まだ新しい要素を挿入できません

欧阳克 2017-06-14 10:52:13 0  2  903

要素の背景のランダムなマッピングを実装するにはどうすればよいですか?

各要素の背景色をランダムに設定したいのですが、次のコードに挿入すると背景色が透明になってしまいます: {modules.map((module,index)=>(<divclassName='carousel-moduleshadow' style= {{background:"#"+Math.floor(Math.random()*16777215).toString(16)}}>

P粉286046715 2023-09-11 22:32:31 0  1  513