選択時にラジオ ボタンの境界線効果を保持する

無線タイプのオプションが 2 つあります。オプションを選択すると、青い枠線がマークされます。問題は、別の場所をクリックすると、境界線の効果が消えてしまうということです。別のオプションに切り替えない限り、どこをクリックしても青い枠線効果を維持したいと考えています。また、右側の「スパン」に価格を入力し、左側に製品名を残すにはどうすればよいですか? .checkbox-custom,.radio-custom{不透明度:0;位置:絶対;}.checkbox-custom,.ch

P粉769045426 2023-09-03 21:25:38 0  1  572

エンドユーザーの現在の選択に基づいて選択ボックスから選択したオプションを移動するには、jquery スクリプトが必要です

エンドユーザーが選択ボックス要素を介してアイテムをランク付けできる HTML ページがあります。簡単なデモを確認するには、フィドルを参照してください: https://jsfiddle.net/Balkanlii/ghecv1j8/1/ 同じランキングが 2 回目に選択された場合 (エンド ユーザーの気が変わった場合) に備えた jquery スクリプトを構築したいと考えていますなど) 選択したオプションが変更されます。つまり、項目 1 が番号 1 として選択されているとします。その後、エンド ユーザーが項目 2 に来て、この項目を番号 1 に設定することに決めた場合、ここではオプション 1 ...

P粉170858678 2024-04-04 18:40:04 0  1  3764

angular.js - 次の構造の配列内にオブジェクトがあります。 ng-options を使用して、ページに表示されるスコア フィールドを双方向にバインドする必要があります。

次の構造の配列内にオブジェクトがあります。 ng-options を使用して、スコアフィールドをページに双方向にバインドして表示します。

阿神 2017-05-15 17:11:02 0  1  607

長い名前を持つ光沢のある selectInput/pickerInput がサイドバーからはみ出るはずです

サイドバーレイアウトでbs4Dashを使用して光沢のあるアプリを構築したいと考えています。サイドバーには、長い名前の項目を含むドロップダウン選択メニューが含まれています。ドロップダウンを開いた後、完全なプロジェクト名が表示されるようにしたい、つまり、ダッシュボードの本体からはみ出るようにします。デフォルトでは、名前はサイドバーの境界線で切り取られるか (shiny::selectizeInput)、ドロップダウンのコンテンツはサイドバーの境界線に右揃えで配置され、項目名の先頭は画面の左側に表示されます (shinyWidgets::)ピッカー入力)。アプリはこんな感じです（更新日：

P粉094351878 2024-02-21 15:22:53 0  1  487

ページのリロード後もサイドバーメニューで選択した項目を上部に維持する方法

スクロールするサイドバーメニューがあります。したがって、メニュー項目を選択すると、サイドバーの上部に表示されるはずです。アクティブなメニューの設定に問題はありません。わかった。ただし、サイドバーの上部の位置を設定できません。 jQuery は推奨しないでください。代わりに、プレーンな JavaScript を使用することを提案されました。ここにコードリファレンスがあります。.sidebar{height:100pxoverflow-y:scroll;}.sidebarulli{padding:30px;}<!--CSS--><

P粉955063662 2024-02-17 14:49:08 0  1  396

jQuery の使用: 配列インデックス値を出力に追加する

jQuery と JavaScript は初めてです。 (前の) ドロップダウン選択フィールドからユーザーが選択した番号に基づいて、新しいテキスト入力フィールドを追加することで、次のコードを機能させることができました。 <script>$(function(){varinput=$('<inputplaceholder="名前またはタイトルを入力してください..."type="text"必須/>');varnewFields=$(

P粉567112391 2023-09-16 09:54:22 0  1  833

【フロントエンド就活必読】フロントエンド開発面接一問一答_CSS

CSS: CSS ボックス モデルを導入しますか? (1)IEボックスモデルと標準W3Cボックスモデルの2種類あり、IEのコンテンツ部分にはborderとpaddingが含まれる、(2)ボックスモデル：content、padding、margin、border） CSSセレクターとは何ですか？どのようなプロパティを継承できますか?優先アルゴリズムはどのように計算されますか? CSS3 の新しい疑似クラスとは何ですか? * 1.idセレクター(# myid)

天蓬老师 2017-11-13 13:03:00 0  1  1915

R Shiny で、「すべて選択」チェックボックスの個別の行/列を持つチェックボックス テーブルを作成するにはどうすればよいですか?

RShiny を使用して、各セルにチェックボックスが含まれるテーブルを (たとえば「DT」パッケージ経由で) 表示したいと考えています。各行と列のヘッダーの横に、選択すると、対応する行または列のすべてのチェックボックスが選択される「すべて選択」/「マスター チェックボックス」を表示したいと思います。追加機能として、左上のセルのチェックボックスはテーブル内のすべてのチェックボックスを選択します。例: js を試してみました。ここで、1 つの列にメイン チェックボックスがある (JavaScript を使用) この機能の例を見つけましたが、要件に合わせて拡張する方法がわかりませんでした。私

P粉884667022 2023-09-08 15:24:52 0  1  527

CSS で要素の可視性を検出することはできますか?

API を調べて、:visible や :hidden のような疑似セレクターを探しましたが、そのようなセレクターが存在しないことがわかってがっかりしました。 jQuery は以前からこれらのセレクターをサポートしているため、実装されることを期待しています。私の考えは、特定の要素の隣の要素が非表示になっているときにのみ特定の要素を表示したいということですが、そのために JavaScript を使用したくありません。オプションはありますか?

P粉316423089 2023-08-22 22:28:55 0  2  589

javascript - jquery は append() メソッドを使用して、たとえば easyui のコンボツリーを追加して、ツリー状のドロップダウン ボックスを作成します。

みなさん、こんにちは。私は jquery と easyui を初めて使用します。現在、機能を実装したいのですが、「追加ボタン」をクリックすると、選択可能なツリーのドロップダウンボックスが表示されるので、選択して送信します。現在の実装方法は、要素を宣言してからフォームに追加することです。しかし、ポップアップドロップダウンボックスが表示されません...

为情所困 2017-05-19 10:47:20 0  3  623

Javascriptを使用して通貨文字列を浮動小数点数に変換する方法

通貨文字列を含むテキストボックスがあり、いくつかの操作を実行するにはその文字列を倍精度浮動小数点数に変換する必要があります。 "$1,100.00"→1100.00 これはクライアント側で行う必要があります。通貨文字列を入力として保持するしかありませんが、一部の数学演算のためにそれを倍精度浮動小数点にキャストする必要があります。

P粉593118425 2023-08-23 22:49:40 0  2  731

JavaScript - 入力ファイルに反応する

1. マイページには非表示の入力タイプファイル要素があります。この要素は ref 属性を通じて取得でき、this.inputFile という名前が付けられます。 2. ページの先頭の右側にボタンがあります。ボタンをクリックします。これをトリガーするには、fileInput.click()3 しかし、その結果、ファイル選択ボックスはポップアップできません...

我想大声告诉你 2017-07-05 10:44:09 0  1  1027

Select2 ドロップダウンの外観をカスタマイズする

私の場合、ドロップダウンに select2Combobox を使用しています。ここでは、国の選択が変更されると、その選択された ID を JSON 結果に渡し、その結果を州コンボ ボックスに割り当てて取得します。これが発生すると、ドロップダウン ビューが丸いエッジから正方形に変わります。同じスタイルを select2 コンボボックスに追加する方法を知りたいです。これが私のコードです。 <divclass="col-md-6col-sm-6"><divclass=&q

P粉256487077 2024-04-03 11:27:22 0  1  513

動的に作成された要素にイベント バインドしますか?

ページ上のすべての選択ボックスをループし、それらに .hover イベントをバインドして、マウスで幅をオン/オフを調整するコードがあります。これは、ページの準備が完了し、正常に動作した後に発生します。私が抱えている問題は、最初のループの後に Ajax または DOM 経由で追加された選択ボックスにはイベントがバインドされていないことです。このプラグイン (jQueryLiveQueryPlugin) を見つけましたが、プラグインを使用してページにさらに 5,000 を追加する前に、jQuery を直接使用するか、jQuery を使用してこれを行う方法を誰かが知っているかどうかを確認したいと思い...

P粉440453689 2023-08-23 15:04:33 0  2  484

Vue DOM の変更がこれほど遅いのはなぜですか?

2000 個の入力チェックボックスを含むリストがあります。すべてを一度に選択すると、約 2 秒の顕著な遅延が発生します (ブラウザがフリーズします)。これは Vue と React に当てはまるようですが、Svelte、jQuery、または Vanilla には当てはまりません。 5,000 を超えるチェックボックスがあると、3 ～ 5 秒かかる非常に煩わしいブロッカーになります...なぜ再レンダリングにこれほど時間がかかるのでしょうか? Vue.js を使用してこの更新の遅れを克服するにはどうすればよいですか? (ページネーションや遅延読み込みのソリューションは実際には問題を解決するものでは...

P粉596191963 2024-03-26 10:09:21 0  1  585

JQuery を使用して段落内に特定の文字が表示された場合にのみクリック イベントをトリガーする

「重要」とマークされたテキストが含まれたアコーディオンがあります。ページの読み込み時に切り替えボタンをクリックして、「重要」とマークされたページを自動的に開くようにしたいと考えています。 $(".diff__filename:contains('sections/')")) を使用してタイトル内の「重要」という単語を検索しましたが、その横にあるボタンをクリックするように指示する方法がわかりません。クラス名のループを避けるために、JQuery を使用することにしました。 <pclass="title">私

P粉269530053 2024-02-17 22:23:01 0  1  531

CSSクラスセレクターのwidthプロパティを確認するにはどうすればよいですか?例は .label{} です。

以下は、.label の幅 270 を選択した CSS コードに関する私のコメントです。 ブラウザの開発者ツールを使用して .label 要素を検査すると、実際の幅は 270 ピクセルではなく 288 ピクセルであることに気づくかもしれません。これは、ブラウザでは要素のサイズを決定するときにデフォルトで境界線とパディングが含まれるためです。これは私の CSS コードです: .label{border:2pxsolidblack;width:270px;margin:20pxauto;padding:07px;閲覧方法

P粉186904731 2024-04-01 17:45:11 0  1  503

パラメータが vuex mapActions に正しく渡されていることを確認してください

v-data-table の問題を示している ProjectPage.vue ページがあります。アイテムはサイドバーのサーバー API 呼び出しから取得され、そこに表示されます。プロジェクトを選択した後、プロジェクトの ID を使用してサーバーから問題を取得したいと考えています。 Vuexを使用してこれを行うことは可能ですか。プロジェクトはいくつでも存在する可能性があるため、Vuex を使用して、すべてのプロジェクトが同じ .js ファイルを使用して問題を取得できるようにすることは可能ですか。私がやりたいのは、VerticalNavMenu.vue から ID と項目を小道具として渡すことです

P粉288069045 2024-02-21 13:05:43 0  1  446

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

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

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

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバー データベース初期化コネクタのコード スニペットです。

P粉178132828 2023-09-05 11:18:47 0  1  915