javascript - 引っ越し後のulのliのクリックイベントが引っ越しイベントと競合する

図に示すように: 私が望む効果は、ul の li の色が移動すると赤に変わり、移動すると青に変わることですが、特定の li が選択される (つまり、クリックされる) と、この li が変化することを望みます。次の li をクリックする前は常に赤になりますが、マウスが再びそこを通過して削除イベントがトリガーされた場合でも、別の li をクリックするまで赤のままである必要があります...

漂亮男人 2017-05-18 10:49:41 0  4  575

Vanilla JS setTimeout(): 間違った動作の特定

ハンバーガー メニューのアニメーションを HTML、CSS、およびバニラ JavaScript で作成しました。期待される結果 ハンバーガー メニュー ボタンをクリックすると、次のイベントが発生します。 ハンバーガー メニュー アイコンをクリックすると、メインが 180 度回転し、2000 ミリ秒で高さに沿って縮小します。 2000 ミリ秒が経過すると、メニューが表示され、ハンバーガー アイコンが X に変わります。終了ボタンをクリックしてください: ページをさらに 180 度回転します メニューをオーバーレイします メニューを非表示にします: display:none; 終了ボタンをハンバー...

P粉797855790 2024-04-02 20:44:40 0  1  406

クリック後の文字の色を変更するにはどうすればよいですか?

私がやりたいのは、ボタンの背景の色を変更し、ボタン内のテキストの色も変更することです。ボタンの色は変わりましたが、文字の色は変わりません。テキストにホバーを適用してみましたが、マウスがテキストに触れたときのみ色が変わります。 <liclass="text-gray-900cursor-pointerselect-nonep-4text-smmd:hover:red"id="listbox-option-0"ro

P粉064448449 2023-08-30 20:19:37 0  2  525

javascript - vue に activeLink が 2 つあるのはなぜですか?リンクは 1 つだけクリックします。activeLink は 1 つだけあるはずです。

Vue の初心者。 -それを理解するのに長い時間がかかりました...助けてください! ！ ~~フッターの下に 3 つのアイコンを作成したいだけです。1 つのアイコンをクリックすると、そのアイコンの色が変わりますが、他のアイコンの色は変わりません。クリックするとアクティブリンクが自動的に追加され、アクティブリンク内にスタイルが記述されるのはわかりましたが、なぜ同時にアクティブリンクが2つあるのでしょうか。

我想大声告诉你 2017-05-19 10:36:08 0  2  622

変換 - CSS3 の 3D 変換の複数の変換中に座標軸を変更しないようにする方法、またはこれを実現できるマトリックス アルゴリズムはありますか?

CSS3 で立方体を構築し、マウスを使用して立方体の回転 (X 軸と Y 軸) を制御したいと考えました。ページ回転のコア コードはおそらく次のようなものです: {code...} 発生した問題最初の操作はこれでした 問題はありませんが、後々問題が発生します 理由は、回転操作は座標軸全体を回転させるようです...

ringa_lee 2017-06-10 09:48:42 0  1  1567

JavaScript - スクロール軸で前方スクロールと巻き戻しで異なる効果が生じるのはなぜですか?

スクロール軸が回転すると、指定した位置に到達すると、対応するシリアル番号の色が変わるという効果はそれなりにありますが、スクロールが一番下までスクロールすると、さらにスクロールすると、指定された領域に到達していません。上部で、対応するカラー スケールの色が変わりました。以下に提供したコードから、html:...

某草草 2017-05-19 10:25:51 0  1  654

「なぜ style.backgroundColor は効果がないのですか?」

セルをクリックして色を変更してみてください。通常、セルは灰色ですが、初めてクリックすると赤色に変わります。赤いセルをクリックすると、再び灰色に変わります。 functionchangeColor(cell){varred='#FE2E2E';vargrey='#E6E6E6';if(cell.style.backgroundColor==grey){cell.style.backgroundColor=red;}else{if(

P粉969253139 2023-08-24 16:47:18 0  2  526

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

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

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

JavaScript - ナビゲーションをクリックしてスプライト画像とフォントの色を切り替えるにはどうすればよいですか?

写真の通りですが、写真では4ページあります。ここでやりたいのは、アイコンをクリックしてページのフォントの色を変更することです。次に、アイコンはスプライト画像で作成されます。以下はコードのスクリーンショットです。主にスプライト画像に依存します。

曾经蜡笔没有小新 2017-05-19 10:43:10 0  2  1657

ナビゲーションバーのホバー効果を実装する方法

垂直ナビゲーションバーを作成中です。そのアイコンの名前が右側に表示されるはずです。また、マウスをアイコンの上に置くと名前が白から黒に変わるはずですが、機能しません。それが役立つかどうかを確認するためにタグを変更してみました。また、HTML のタグを変更し、CSS のタグも変更してタグが機能するようにしました。このサイトで問題の解決策を探しました。ナビゲーション バーが機能しません。ここにコードを置く方法がわかりません。お役に立てれば、メッセージ経由でコードを送信させていただきます。理解するのに30分以上費やした

P粉041758700 2024-01-10 18:06:56 0  1  414

Ag-Grid: 行のデータに基づいてではなく、タイマーに基づいて行のスタイルを設定することは可能ですか?

しばらくしてから行の背景色を変更する必要があります。グリッドに秒単位の時間を示す列があり、その時間が 50% 経過した後に行の色を変更する必要があります。グリッド自体のデータは変更されないため、ルールに照らしてデータを評価するトリガーとなるものが何も変更されないため、rowClassRules を使用しても機能しないようです。代わりに、遅延を指定して setTimeout() 関数を使用することを考えましたが、CSS クラスを rowNode に適用するために setTimeout ブロック内で何が行われるのかわかりませんでした。行自体のデータは変更したくありません。最悪

P粉277824378 2024-04-03 20:14:05 0  1  448

Vue の水平スクロール

マウスでアイコンを横にスクロールしたいです。 JavascriptのscrollLeftで試してみましたが、スクロールしても値は変わりません。スクロールすると、deltaY 値のみが 100 と -100 の間で変化します。どこに問題があるか知っている人はいますか?スクロールしてスクロールバーをマウスオーバーすると機能しますが、divコンテナ全体で機能したいと考えています。また、可能であれば依存関係/npm-librariesなしでこれを実行したいと考えています。テンプレート<divclass="iconsfl

P粉755863750 2024-03-25 21:06:27 0  2  477

MUI ツールチップの背景色を変更するにはどうすればよいですか?

「?」ユーザーがアイコンの上にカーソルを置くと、テキスト フィールドに入力する必要があるデータの仕様が表示されるようにしたいと考えています。 MUI のデフォルトのホバーはグレーでテキストが白ですが、ホバーを白でテキストをグレーにし、フォントを大きくしたいと考えています。を使用すると、フォントのサイズと色が正常に機能することがわかりましたが、背景色を変更すると、ホバーテキストフィールドの周囲に灰色の境界線が表示されます。これは hover.js コンポーネントです:exportdefaultfunctionHoverTip(prop){const{tip}=pr

P粉147045274 2023-09-04 11:56:50 0  1  781

テキストとアイコンが中央に配置されたボタン

アイコンとテキストを含むボタンコンポーネントを開発しています。アイコンはボタンの左側に配置され、テキストはボタンの中央に配置されます。テキストがボタンに収まらない場合は、折り返さずに切り詰めてください。テキストを切り詰める重要な条件は、テキストがボタンの端からアイコンまでの距離と同じ距離にあることです。したがって、ボタンに均等なインライン パディングを追加することはできません。テキストが切り取られない場合は、ボタンの中央に配置されます。ただし、アイコンに重なったり、ボタンに収まりきらなかったりすると、テキストが切れてしまいます。つまり、通常の状態ではアイコンの位置は変わりませんが、テキストのス...

P粉033429162 2023-08-15 11:01:09 0  1  508

HTML の複数のサブページに統合ヘッダーを追加するにはどうすればよいですか?

ナビゲーション バー システムを開発していますが、元のページのタイトルを残したままサブページを変更する方法を知りたいです。 (私は repl.it を使用しているので、注意してください)。まだフォルダには何も入れていません。また、「アクティブ」クラス（灰色のもの）の項目の上にマウスを移動したときに色が変わらないようにしたいです。 @importurl('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@700&displa

P粉293341969 2023-09-03 12:51:38 0  1  509

javascript - ポイントのデバッグを中断せずに、アクションによって呼び出される JS を見つけるにはどうすればよいですか?

ブレークポイントを設定する独自のコードを書くのは簡単で、Firebug はブレークポイントに直接ジャンプします。ただし、煩わしいことがよくあります。他の人のコードを見ると、大量の js が読み込まれています。js と jquery は通常イベント バインドされているため、js のアクションは html タグに直接記述されません。現時点では、1.生成された要素の上をマウスが通過すると...

滿天的星座 2017-06-26 10:58:40 0  2  669

子亀の放課後体操がわからないのですが、なぜバグが出るのでしょうか？

この例では、小さなカメは str という名前の変数を持っていますが、実際には str の色が通常の変数の色とは異なることがわかりました。はい、str() と print() は両方とも組み込み関数ですが、Python は組み込み関数に値を代入することを気にしていないようです。そのため、将来的にはこれに注意する必要があります。そうしないと、次のバグが発生します。 >>> print = 1>>> print("I love FishC")Trac が発生する可能性があります。

笙洺 2020-07-23 11:05:26 0  0  1254

特定のキーの空の HTML の背景色 (緑/赤) を変更するにはどうすればよいですか?

特定のボタン（文字 A など）が押されたときに HTML の背景色を変更する方法についての解決策を持っている人はいますか。ボタンを押すたびに、色が別の色 (赤から緑、または緑から赤) に切り替わり、そのままになります。しかし、良い点は、Web ブラウザーに集中していないときにも機能するため、ブラウザーを通じて他のアプリを使用しているときにも機能することです。初心者の質問と言葉の壁について申し訳ありません。お返事ありがとうございます。このリンクに似ていますが、キーは次のとおりです: ボタンを 1 つだけ使用してさまざまな背景色を変更する方法

P粉211273535 2023-09-07 10:08:19 0  2  616

javascript - すべてのリクエストがアクションに配置される場合、取得したデータは vue インスタンスの状態またはデータのどこに配置されるべきですか?

タイトルの通り、リクエストをすべて vuex アクションに入れている人がいましたが、取得したデータはステートを変更するために使用されるのですか? ということを聞きたいのですが、ステートはステートを転送するために使用されるのではありませんか?これはデータを保存するために vuex を過剰に使用しているのでしょうか? お答えいただけますか?

滿天的星座 2017-06-13 09:24:10 0  4  1040

Nuxt と Vue のソーシャル チャット

Vue ソーシャル チャット モジュールを Nuxt アプリにインストールしましたが、小道具と色の設定がどのように機能するのか理解できません。現在、すべてが正常に動作していますが、表示されている Whatsapp アイコンは黒で、上部のバーは吹き出し内にあります。 Nuxt でこの設定を変更するにはどうすればよいですか。著者は CSS 変数を使用するように言っていますが、これらの変数をどこに配置するか、コード内でどのように使用するかがわかりません。 Nuxt には App.vue もないので、モジュールを直接インポートしました。これで機能するようですが、正しくできているかどうかはわかりません。...

P粉993712159 2024-03-26 20:55:20 0  1  438