チェックボックスのあるテーブル行をクリックし、テーブルの最後の行ボタンに到達すると選択が選択解除に変更される方法

私のテーブルには、選択から選択解除に切り替えるためのテーブルの外側にチェックボックスとボタンがあります。テーブルの行の任意の場所をクリックするにはどうすればよいですか。チェックボックスのチェックマークはどこにありますか。1つずつ選択され、そこに到達するとテーブルの最後の行になります。ボタンが選択状態から選択解除に変わり、テーブルの行をクリックしてチェックボックスにチェックを入れることができましたが、テーブルの最後の行に到達してボタンが選択状態から選択解除に変わったときに失敗しました。行 $('tr').click(function(event){var$target=$(event.tar) ...

P粉752826008 2024-02-17 19:35:31 0  1  390

コンポーネントのデカップリングを実現する正しい方法

2つのコンポーネント間の通信(Vue2を使用)を扱っています。そのうちの1つはボタンであり、初期、読み込み、完了(成功または失敗)などの状態を持つことができます。ボタンの各状態に対して、異なるテキストが表示される場合があります。アイコン (読み込み中: スピン アイコン、成功完了: チェックマーク、エラー完了: x)、ボタン コンポーネントを使用するフォームもあります。フォーム送信の現在の状態に基づいてボタンの状態を変更する方法がわかりません。以下のコードを参照してください。私のボタンコンポーネント: <template><buttonclass=&quo

P粉476475551 2023-09-14 10:57:11 0  1  574

再表現されたタイトルは次のとおりです: DOM 更新に基づく v-if

v-を使用してレンダリングされたいくつかの要素には、各要素にテキストとボタンが含まれています。テキストがdivの高さをオーバーフローした場合にのみ、ボタン<divv-for="elineelements":key="el.id"><spanを表示する必要があります。 >{{el.text}}</span><button>クリックしてください</button></div>明らかです

P粉163951336 2023-09-10 08:59:42 0  1  532

Next.js アプリの中央ボタン コンポーネント?

nextjs ページの独自の行にあるボタンを使用しています。 PCとモバイルの両方で最も見栄えが良いと思うので、ボタンをページの中央に表示したいのですが、何を試してもボタン要素がページの左端の元の位置から移動できないようです。ページ。 margin-left と margin-right を特定のパーセントに手動で設定すると、ボタンのテキストが次の行に押し込まれることなく、ボタンができるだけページの中央に移動します。これが、ボタンを移動させる唯一の方法です。しかし、見た目はあまりよくなく、実用的ではありません。ページによると

P粉011360903 2023-09-18 22:05:21 0  1  799

動的に作成された要素にさまざまなクラスを追加する

各オブジェクトに textValue、active、info などが含まれるオブジェクトの配列があります。この配置をループして、各要素のボタンを表示します。内部のボタンごとに div を追加し、3 つの段落内でクラスを追加し、条件付きで各ボタンにいくつかの段落を表示しようとします。ボタンにイベントを追加して ID を渡します。このようにしてアクティビティを true に設定し、異なる ID ごとに情報を表示します。ボタンをクリックするとアクティブなクラスが作成され、数量が表示されます。ボタンの外側またはボタン自体をクリックすると、クラスと数量 (p) が削除されます。

P粉573809727 2023-09-11 13:34:46 0  1  566

タイトル: ID によって最新の子要素を削除する JavaScript の効果は限定的

ユーザーがボタンをクリックして入力を削除できる動的リストを作成しています。新しい入力が作成されると、新しい入力が生成されるたびに 1 ずつ増加するカウンターを使用して、子要素に ID を割り当てます。しかし、ID で入力を削除しようとすると、最後に作成された入力のみが削除可能のようです。 5 つの新しい入力を生成し、input:2 の削除ボタンをクリックすると、5 番目の入力とボタンが削除されることに気付きました。したがって、プロセスの早い段階で入力とボタン ID を設定したとしても、削除ボタンのクリックは行カウンターの現在の値のみに依存します。誰か私にくれませんか

P粉914731066 2024-01-16 18:06:37 0  2  510

JavaScript - あるページのボタンをクリックすると、別のページにテキストが表示されます

あるページでボタンをクリックし、別のページの p 要素にテキストを表示したいのですが、どちらのページも js をインポートしています。どうすれば成功できますか?

世界只因有你 2017-05-19 10:28:21 0  4  742

Bootstrap 5 ポップアップが存在していたモーダルを閉じて再度開くと、フォーカスを開く機能が失われるのはなぜですか?

Bootstrap5 モーダルとその上に配置されたポップアップに問題があります。私のHTMLには次のものがあります。ユーザーがボタンの上にマウスを置くと、正しく表示されます。ポップアップには「よろしいですか?」という入力プロンプトが表示され、ボタン (ホバー) をクリックして続行するようユーザーにアドバイスされます。ボタンをクリックするとフォーカスが移り、再度クリックするか要素をクリックして離れるまでポップアップが開いたままになります。これにより、マウス ポインタがポップアップ ウィンドウのコンテンツに入り、[続行] ボタンをクリックできるようになります。これが私が望むものです: https:...

P粉022501495 2024-03-28 23:27:50 0  1  398

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

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

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

タイトルを次のように書き換えます: 1 つの項目を true に設定し、他のすべての項目を false に設定した VueJS 応答要素

VueJSのコンポジションAPIを使用してアプリケーションを開発しています。ページ上のすべてのボタンがクリックされたとき、以下に示すように応答要素を設定しました constsections=reactive({section1:true,section2:false,section3:false,section4:false,section5:false,section6:false}) (他の多くの操作の中でも) ブール値に基づいて個々の要素を表示および非表示にしたい

P粉786800174 2023-08-28 20:55:03 0  1  565

GitHub Pages での CSS と JS の表示に問題があるが、VS Code では正常に動作する

私はプロジェクトのページで作業しており、CSS ファイルと JS ファイルを含むテンプレートを使用しています。 VisualStudioCode でコードを作成したところ、コンピューター上でローカルに正常に動作しました。 GitHubPages を使用して共有していますが、メニュー、背景、矢印を表示/非表示にするボタンなど、いくつかの要素が欠落しています。これが私のリポジトリです https://github.com/azu-any/reafo.git 次のようになります: VS Code の使用 GitHub の使用方法: GitHub ページの提供: Advance

P粉864594965 2024-03-30 22:12:20 0  1  452

JavaScriptを使用してビデオを再生するにはどうすればよいですか?

video 要素を含む HTML があり、コントロールやビデオを再生するボタンはありません。しかし、ボタンを使用してビデオを再生しようとしても、何も起こりません。コンソールでエラーが発生せず、ビデオが再生されません。何が間違っているのか分かりません。 video タグに control 属性を追加すると、ビデオは完璧に再生されますが、私の目標は、ブラウザー コントロールを使用して独自のコントロールを構築することではありません。これが私のコード例です。ソースが機能するように、ここではこのランダムなビデオを使用しました。誰かが助けてくれることを願っています。前もって感謝します。コントビデ

P粉466290133 2024-02-17 16:44:36 0  2  554

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

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

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

LARAVEL: foreach のすべての要素の ID は 1 であるため、削除は不可能です

私の状況は非常に困難です。スクレイパーを使用して出生リストのクローンを構築しているのですが、経験が浅いためコーディングに苦労しています。サイト、カテゴリ、リンク フォームを挿入するための複数のフォームを備えた管理ページを作成できました。このフォームでは、どのリンクをクロールするか、どのサイトとカテゴリにリンクするかを指定できます。ただし、このようなものを追加するのは問題ありませんが、削除するのは問題です。私のサイト、カテゴリ、リンクは管理ページに表示され、各要素には取得と削除のボタンがあります。行の最後の項目を削除すると、最初の要素も削除されます。削除したいとき

P粉064448449 2024-01-28 23:17:43 0  1  547

REACT TS コンポーネント ラッパーでカスタム プロパティとネイティブ プロパティを組み合わせるシームレスな方法はありますか?

入力、ボタン、フォームなどのネイティブ機能を拡張するコンポーネントがいくつかありますが、チームが必要とするときにすべてのイベント ハンドラーとプロップを含める必要があるのは面倒だと感じています。私は単純にコンポーネントの prop タイプをネイティブの prop タイプを拡張してから、オブジェクトの伝播を使用してすべてのネイティブ prop を自動的に適用しようとしました。次の問題は、カスタム props がサポートされていないため、ネイティブ要素に適用すべきではないことです。この問題を解決するには、私が見つけた唯一の解決策は、コンポーネント パラメーター内の各カスタム プロップの名前を次のよ...

P粉186897465 2024-03-30 17:01:40 0  1  467

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

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

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

JavaScript - 多くの Web ページのフロントエンドは、ボタン アイコンなどの小さな素材が多数含まれた全体像を切り取ったものです。これはなぜですか?モバイル開発もこのように行われるのでしょうか?

たとえば、Weibo の v 認定アイコンですが、使用するときに UI を切り取るのではなく、ファイルのバッチに分割してみてはどうでしょうか?ちなみに、これは実際の開発では携帯電話で行うのでしょうか？

淡淡烟草味 2017-07-03 11:42:32 0  3  950

HTML プログラム内のテキストを水平かつ中央に表示できないのはなぜですか?

現在、独自の Snake ゲームをコーディングしようとしているのですが、タイトルと実際のゲーム画像を Web サイトの中央に配置したいと考えています。ゲームを再起動するためにボタンを挿入しようとした後、すべてが故障しました。すべての変更を元に戻そうとしても、テキストを中央に配置することができないようです。さらに、gameOverMessage 1) はまったく隠されておらず、2) JavaScript で適用したスタイルの変更はまったく適用されていません。私は完全な初心者なので、アドバイスをいただければ幸いです。関連するすべての要素を使用した CSS スクリプトは次のとおりです: #snake...

P粉974462439 2023-08-15 12:00:42 0  1  541

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

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

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

クエリ制限後のソートを試してみる

それで、これが私の最初の質問です、何か間違っている場合はご容赦ください。制約に基づいて並べ替えクエリを作成しようとしています。つまり、90 個のレコードを持つ Customers テーブルがあります。まず 3 レコードに制限されたクエリを実行し、次にこのクエリの結果を ContactName という列で並べ替えたいと考えています。これはネストされたクエリである可能性があると思います。ネストされたクエリは SQLServer では正常に実行されますが、MySQL で実装する方法がわかりません。制限クエリ: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  724