javascript - 要素とそのサブ要素を除外し、他のすべての要素を選択する jquery の書き方

図のように、黄色と青色の部分をクリックするだけで関数が実行され、赤色の部分とその中の緑色のサブ要素をクリックしても関数は実行されません。

伊谢尔伦 2017-05-19 10:44:06 0  6  798

CSS 行クラスにより、一部の要素がフレーム外になりますが、要素は静的で表示の下部に固定される必要があります。

現在の私のページはこんな感じです。 2 つの要素が隣り合うように行クラスを追加すると、下部のナビゲーション バーがスクロールする必要がある位置まで押し下げられます。ここでは、行要素のない別のページが表示されます。ナビゲーション リンクがディスプレイの下部に完全に固定されています (植物と部屋のナビゲーション要素はリマインダー タブ (画像 1) に表示されるべきではないため、この要素は無視してください (画像 2)。ページはスクロール可能で、ナビゲーションバーが正しい位置に保たれますが、要素のアウトラインが正しくありません。すべての緑色のボックス表示は、編集ボタンと削除ボタンとともに重ねて表示...

P粉156415696 2024-04-03 18:48:12 0  1  442

Chartjsの凡例をtrueに設定した後でも表示されません

私は ChartJS をあまり使用したことがなく、ドーナツ チャートにラベルを表示する方法を探しています。オプションで凡例の表示設定を true に設定しようとしましたが、まだ機能しません。 vardata=[{data:[成功したビルド数,失敗したビルド数],ラベル:["成功","失敗"],背景色:["緑",&quot

P粉595605759 2023-09-14 18:38:17 0  1  576

CSS: テキストの横にアイコンを配置するにはどうすればよいですか?

このような親 div 要素 (display:flex) があり、テキスト - スパン要素 (i) アイコン - div 要素の 2 つの子要素が含まれています。テキストが 1 行のみ (折り返しなし) の場合は、すべて正常に機能します。ただし、折り返す場合（2行以上）、要素の幅は最も太い行に基づいて調整されるため、長さが長い場合はテキストを折り返すようにしたいと考えています。上の例では、(i) アイコンを NORTH の隣に置きたいと思います。 (i)のアイコンをNORTHの横に置きたいです。

P粉668146636 2023-08-17 14:39:36 0  1  498

angular.js - angular2 属性コンポーネントとコントロール コンポーネントの間で通信する方法

1. コントロール ライブラリから既存のコントロールをドラッグして要素を生成し、その要素のいくつかの属性を表示します。以下に示すように、右端の属性コンポーネントを変更し、中央の要素の対応する属性を同時に変更するにはどうすればよいでしょうか。例: 背景をクリックして特定の色を選択すると、ボタンの背景色が変わります。生成されたメタ...

世界只因有你 2017-05-15 17:09:54 0  1  631

不明なセレクターと子を持つ Javascript イベント デリゲート

要素のクリックをキャプチャすることになっている動的セレクター（linkTrigger）があります。 linkTrigger が何であるか、また子が存在するかどうかはわかりません。 jQueryを使用すると、すべて問題ありません。最初の緑色の四角形 (数字の部分ではない) をクリックすると、3 つのハンドラーがすべて期待どおりに動作していることがわかりますが、最初の緑色の四角形内の数字をクリックすると、jQuery ハンドラーと javascript2 ハンドラーのみが動作します 動作し、再び期待どおりに動作します緑色のボックス内のスパンをクリックするだけでは十分ではないため、

P粉187677012 2024-04-03 23:39:19 0  1  561

CSS FLEXBOX でアイコンの周囲の空白を削除するにはどうすればよいですか?

私は初心者なのですが、フレックスボックスを使用するときにアイコンの周りの青い背景色を取り除く方法を誰かが説明してもらえますか?子要素のプロパティを親要素に一般化することはできません。私のコードと結果では、inline-flex を使用したくありません。ありがとう

P粉765570115 2023-08-10 14:11:39 0  1  478

CSS 透明スタイルをラベルの innerText にのみ適用し、子要素には適用しないようにする方法はありますか?

以下の例では、タグに入力が含まれるタグが多数あります。明示的に色を指定せずに、CSS の不透明度スタイルを子要素ではなくラベルの innerText に適用する方法はありますか?以下の例では、ラベル自体だけでなく、ドロップダウン メニューにも不透明度が適用されています。 label 要素を変更してテキストを囲み、for= を追加できることはわかっていますが、私はタグ付けされている要素の周囲にラベルをラップすることを好みます。 div{padding:10px;}select{背景色:

P粉794851975 2023-08-17 20:51:57 0  1  535

Plotly ヒートマップ上の個々のピクセルを選択/固定します

Plotly ヒートマップでは、2 つの選択モードがあると便利な場合があります: 長方形選択 (modbar ですでに利用可能) 個々のピクセルの選択/固定: 不要な既存の「drawcircle」ボタンをリサイクルすることでこれを実現しようとしました。クリックすると、ピクセルがハイライト表示されるか、その上に色付きのディスク (または Google マップ UI のような赤い「プッシュピン」) が表示されます。 問題: modbar でdrawcircle ツールが選択されている場合、plotly_click イベントが起動しません (そのため、座標を取得できません)、およびplotly_s

P粉806834059 2023-09-02 14:57:46 0  1  644

useState フックは、予想されるコンポーネントだけでなく、すべてのコンポーネントの状態を変更します。

私はリアクトを使用しています。クリックされた画像のスタイルを変更しようとしています。ただし、この関数を使用すると、状態はすべての要素に適用されます。 onClickイベントが画像に適用されます。 1 つをクリックすると、他の画像の境界線の色が #a2a0ff に変わります。クリックされた画像のみが #4D4AFF の色を持つ必要があります。 importReactfrom"react";import'./SearchPower.css';import{YMaps,Map,Placemark}from

P粉590428357 2023-09-14 15:45:46 0  1  590

Tab キーを使用してページ上の HTML 要素を移動します

Tab キーを使用している HTML ページで、Tab キーを使用してスクロールできません。これは、「テーブルを更新できません」ポップアップが開いたときにタブを参照しようとしているページの写真です。それをクリックしてタブを押しました。初めてタブを押すと、フォーカスが画像内の矢印要素に移動します。しかし、次にタブを押すと、要素 Page3 に移動します。上矢印アイコンは HTML で選択されている <i タグで、次の <i タグは x ボタンです。何らかの理由で、2 番目の <i タグがスキップされ、タブ キーが 2 回目に表示されたときに x ボタンに移動しません。これはそう...

P粉106301763 2024-02-03 21:30:59 0  1  461

JavaScript - 一部のビデオベースの h5 ページで、ビデオのバッファリングの進行状況を取得する方法、またはビデオをプリロードする方法

[Tencent Carnival h5] http://news.qq.com/FERD/jiani... リンクを開くと、ページに多数の &lt;video&gt; タグとビデオ要素が多すぎることがわかります。ビデオを編集する必要があります。ユーザーにはホームページが表示されますが、遅延を防ぐためにプリロードを実行しますが、video 要素は img 画像とは異なります。

漂亮男人 2017-05-16 13:30:15 0  1  660

scrollIntoView() がコンテナをページの先頭までスクロールしないようにします

スクロールスナップを使用するが、現在表示されているスライドを制御するためのナビゲーションボタンも備えた、単純な「主にCSS」画像カルーセルを構築しようとしています。私が見つけた唯一の解決策は、ターゲット要素でscrollIntoView()を使用することです。これは私が望むことを実行しますが、ターゲット要素を常にページの先頭までスクロールします。ターゲットのカルーセル スライドとコンテナーを元の位置に維持し、スライドを水平方向にスクロールして表示したいだけです。 AdamArgyle の例を見ていたところ、彼はこれを実行し、コンテナは元の位置に留まりました、わかりません

P粉690200856 2024-03-26 20:25:28 0  1  486

フォーム内のアニメーション画像要素に対して送信された画像座標を解釈する

php$_POST 配列を確認して、ユーザーがアニメーション画像をクリックした場所を示す X:Y 値をキャプチャしたいと考えています。問題は、静止画像の入力送信情報を取得できる一方で、アニメーション画像からは値を取得できないことです。この動作を示す完全な HTML ページとフォームは次のとおりです: <!doctypehtml><html><head><metacharset="utf-8"><title>Gunf

P粉421119778 2024-02-26 22:34:14 0  1  666

助けを求めています: データラベルをその位置と一致してグラフ上に永続的に表示する方法

これらのデータ ラベルをグラフ上に永続的に表示して、マウスオーバー時だけでなく常に表示されるようにしたいと考えています。誰か助けてくれませんか？ [これに似た例を示します] コードも書き留めておきます。 (https://i.stack.imgur.com/TY8X1.png) 円グラフの例 //キャンバス要素を取得します varcanvas=document.getElementById('pieChart');//円グラフを作成します varpieChart=newChart(can

P粉302160436 2023-08-15 23:21:18 0  1  523

擬似要素の Font Awesome 5 がアイコンではなく四角形を表示する

FontAwesome アイコンを含むスパンのコンテンツを CSS ページから直接変更しようとしていますが、機能するように見えません。 1) FA をインポートしました<linkrel="stylesheet"href="https://use.fontawesome.com/releases/v5.0.9/css/all.css"integrity="sha384-5SOiIsA"

P粉773659687 2024-01-09 22:35:19 0  2  462

javascript - svgタグ内の要素の幅と高さをsvgタグの幅と高さに等しくするにはどうすればよいですか?

svg タグは div ボックスで囲まれています。svg の幅と高さは、外側のボックスの幅と高さの 100% に設定されています。このとき、div ボックスの幅と高さを変更します。 svgの要素の幅と高さは常にdivボックスと同じですが、svg内のパスタグは図のように幅と高さが異なります。 svg内の要素の全体の幅と高さを同じにする方法。 SV...

曾经蜡笔没有小新 2017-05-16 13:27:36 0  2  905

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

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

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

書き換えられたタイトルは次のとおりです。 カーソルがリスト要素に移動したことに応じてリストのタイトルを変更します。

リンク テーブルを作成しています。リスト リンクの 1 つにマウスを移動したときにテーブル ヘッダーの背景色を変更して、テーブルをより美しくしたいと考えています。ただし、コンテナ要素の小さな要素に影響を与えて、コンテナ要素のプロパティを変更する方法がわかりません。これは私のコードです: <htmllang="vi"><head><style>.toc-container{max-width:600px;font-family:"Roboto&

P粉131455722 2023-09-04 23:54:54 0  1  519

Vueアプリケーションで謎の白い部分を削除するにはどうすればよいですか?

vue3を使用してWebサイトを構築し、その背景画像を設定しようとしています。しかし、除去できない謎の白い部分があります。すべてのマージンとパディングを0に設定し、すべてのml、plクラスを削除したため、マージンやパディングではないと確信しています。アプリケーションコンポーネントの黒の背景色を黒に設定しましたが、領域は白のままです。 Chrome の検査ツールでは、これは HTML 要素であると表示されます。助けてください。 (バックグループ画像を Login.vue のスタイル セクションに配置しました。) ブラウザ検査ツールからの情報: 殺虫剤を使用する

P粉738821035 2023-09-11 21:04:01 0  1  598