onclick() 関数による画像の変更

オブジェクトをクリックすると、ある写真を別の写真に変更したいと考えています。コードは次の順序でスタックされます。 私が望むのは、クリックすると、画像が色付きの画像、つまり別の画像に置き換えられることです。これで、JQuery/JS を使用して実行できることがわかりました。しかし、このような単純な機能を実現するために大量の JS コードを追加したくありません。これを達成するより簡単な方法はありますか? pseudo-selector.activeクラスのようなメソッド？分かりません。

P粉242535777 2023-08-18 08:53:28 0  1  496

javascript - jquery-1.8.2 バージョンが Win7 Edge で途中で実行を停止します。何が起こっているのか見ていただけますか?ありがとう

{コード...} このコードを実行すると、テスト後、最後の行まで実行した後に Edge が実行を停止しました。ボタンをクリックすると選択したクラスがボタンに追加されますが、対応する以下の画像は切り替わりません。このコードは他のブラウザでは正常にテストされます。何が問題なのかを調べてください。または...

大家讲道理 2017-06-14 10:53:36 0  1  867

angular.js - AngularJs のみを使用して画像スライド切り替えを実装するにはどうすればよいですか?

Baidu にある AngularJS の画像カルーセル効果や画像スライド切り替え効果のコードは、基本的にブートストラップ コントロールに基づいて実装されています。 jQなどを使わずに純粋なAngularJSを実装する方法。モバイル淘宝網の赤ちゃんの詳細ページのトップバナーのように、スライドして写真を切り替える効果を実現しますか？

大家讲道理 2017-05-15 16:51:32 0  1  798

React Slick でオーバーフローの問題に直面する

私はreactslickを使用してスライダーを作成しています。スライダーカードには多くのオプションを備えたドロップダウンメニューが含まれています。ドロップダウンが開いていると、ドロップダウンの半分が切り取られ、ドロップダウン全体が表示されなくなります。コードペン: https://codepen.io/gtm18/pen/YzRdaML (jQuery を使用したデモ) $(document).ready(function(){$('.carousel').slick({slidesToShow:3,dots :true,

P粉827121558 2023-09-17 10:16:57 0  1  513

問題反応 - zxing スイッチングの問題: カメラをオフにできません

私はreact-zxingを使用してWebページ上のバーコードをスキャンしています。バーコードのスキャンには 2 つのオプションがあり、zxing ライブラリを使用してバーコードをスキャンする方法と、手動でバーコードを入力する方法があります。問題: 「手動入力モード」に切り替えてから「スキャン モード」に戻すと、スキャン ビューが消えます。 「手動入力モード」に切り替えてもカメラの電源は切れません。 (私のラップトップには、カメラが使用されている場合に点灯するカメラライトがあります) ライブコード ライブコードを見ることができます: https://codesandbox.io/s

P粉465675962 2024-03-21 22:57:34 0  1  447

angular.js - サイト全体で Angular が使用されていますが、以下で説明するような高度にインタラクティブな機能を Angular を使用して実装するにはどのようなアイデアを使用する必要がありますか?

このアプリケーションは次のように説明されます。 1. 領域 C は複数のページに分割されており、ページ間を上下に切り替えることができます。 2. Ax は領域 C にドラッグして、対応する要素 (画像、ボタンなど) を生成できるコントロールです。 3. 生成された画像、ボタン、テキストは C 範囲内でドラッグして位置を変更できます。 4. 生成された画像をクリックします。

習慣沉默 2017-05-15 16:53:09 0  4  634

API 呼び出しのデータが未定義なのはなぜですか?

React.js を使用して映画 Web アプリケーションを構築しました。 API でデータを呼び出すと、データは正常に機能します。ただし、API 呼び出し ID を使用してページを切り替えようとすると、データは未定義になります。 Redux ツールキットを使用してデータを呼び出しています。しかし、カードを押そうとすると、選択したカードからデータを取得するために設定したページの 1 つが下の図のように発生します。コンソールのログを確認してみたところ、結果は次のとおりです。コードを確認したい場合は、envsorryicanshareapikeyVITE_BASE_URL=https://a

P粉726133917 2024-01-29 13:46:53 0  1  477

angular.js - angularjs は、ページを更新せずに、異なるタブ間で UI ビューを切り替えます。

html: {code...} 図に示すように、さまざまなラベルをクリックすると、UI ビュー領域にさまざまなページが表示されます。ただし、ページを切り替えると、ページが更新され、ページ上のすべての操作が更新されます。私が達成したいことはおおよそ次のとおりです: {code...} さまざまなタブを通じてさまざまな ui ビューを制御します...

怪我咯 2017-05-15 16:58:20 0  5  898

Vite Reactjs Web サイト アプリは本番環境では API を呼び出しませんが、ローカルホストでは正常に動作します

Netlify にアプリケーションをデプロイしようとしています。ランディング ページは、ギャラリー効果を作成するために一連の画像を取得します。ログイン ページはローカル マシン上で正常に実行されますが、デプロイメント後は API が呼び出されず、アプリケーションは読み込み中の状態になります。 Netlify サーバーのログイン ページ。開発ツールのネットワーク タブで、API がローカルホストのローカルホスト ネットワーク タブで呼び出されており、開発サーバーでは API リクエストが起動されていないことがわかりました。サーバーネットワークタブを展開します。 API呼び出しのコードがAPI呼び...

P粉794177659 2023-08-10 16:32:46 0  1  641

リアクションクエリでの突然変異後の再検証: ステップバイステップガイド

next.js アプリケーション上で、react-query を使用したデータのフェッチと更新の基本的な実装があります。私の目標は、突然変異後にデータを更新することです。現在、データはタブが更新された場合にのみ更新されます。しかし、ユーザーの介入がなければそれは変わりません。タブが更新されたときにデータが更新されるのは、refetchOnWindowFocus のデフォルトの動作が原因であることがわかりました。しかし、サーバー側でデータが更新された後、どのようにして無効になるのでしょうか?関連するコードスニペットは次のとおりです。注: 私は、react-querySSR 機能を使用するために ...

P粉752290033 2024-03-25 21:53:26 0  2  451

javascript - jsがローカル画像パスを呼び出す問題について?

インターネット上のビデオを見て、Lu Jin を改造して画像を切り替え、自分で書いてみました。 var arr=["./images/1.jpg","./images/2.jpg","./images/3.jpg","./images/4.jpg"]; {コード...しかし、アラートを通して、パスが長い文字列であることがわかります。何を渡せばよいでしょうか...

PHPz 2017-05-19 10:08:58 0  4  846

変換された要素がオーバーフローして自動的に切り取られるのを防ぐにはどうすればよいですか?

Bootstrap4 を使用して、友人の個人 Web サイト用のモーダル ギャラリーを作成しています。ホバーすると画像が拡大するように設定しましたが、オーバーフローを自動に設定すると、モーダル（または div）の端で画像が切り取られてしまいます。ギャラリーも一連のタブの 3 番目ですが、どれもうまく機能します。どの div に overflow-auto クラスがあるかを変更しようとしました。すべて異なるタグを付けようとしましたが、何を試しても、ギャラリーがスクロールし、画像がスクロールするようにする方法がわかりません。ホバーカット時にぼやけません。関連するコード: .g

P粉242535777 2023-09-07 20:04:02 0  1  585

html5 - WeChat ブラウザのビデオ再生が失敗する

WeChat Web 開発者ツールを使用して WeChat ページを開発すると、以下に示すように正常に動作します: 次に、デバッグのために電話機の WeChat ブラウザに切り替えると、ビデオが再生できないことがわかります。以下は、純粋な HTML5 を使用して再生するビデオ再生コードです。WeChat Web 開発者ツールは、ビデオを正常に取得して...

仅有的幸福 2017-05-24 11:36:13 0  1  1056

非表示のサイドパネルを表示: チェックが入っています

アニメーション化されたハンバーガー メニューを介してビューに切り替える機能を備えたナビゲーション メニューをサイド パネルに追加したいと考えています。 JSを使わずにCSSだけで作りたいと思っています。 :checked 疑似クラスが最適な方法のようですが、それを機能させることができません。私がこれまでに持っているコード： .site-navigation{z-index:99;background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;width:40% ;高さ:1

P粉647504283 2024-04-06 15:49:33 0  1  502

angular.js - angular はどのようにして次のレイアウトを実現しますか。

図に示すように、コンテンツの追加と編集には同じ HTML が使用されますが、以下の tab1 と tab2 がタブを形成する場合、tab2 は他の HTML ページを読み込む必要があります。クリックしたときのみロードされます。 それを実装する方法、それはタブに異なる HTML を読み込むことについてのコード アーキテクチャのスケルトンになる可能性がありますか?

迷茫 2017-05-15 17:02:20 0  3  879

Quasar Q カードをセンターから切り離すにはどうすればよいですか?

上のボックスを中央から分離し、下のボックス内のアイテムが均等に配置されるようにしようとしています。ただ、付け加えてみると、サドルバッグの左右のサイズは同じではありません。以下はコードです。これを codepen に入れると、カードが均等に分割されていないことがわかります。この問題はどうすれば解決できますか? <divid="q-app"><divclass="q-pa-md"><divclass="q-gutter-mdrowjus

P粉418351692 2024-01-02 23:57:57 0  1  1123

問題 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

CSS グリッド: 子コンテンツが列幅をオーバーフローした場合に新しい行を作成する

CSS グリッドに基づいた 2 列のレイアウトがあります。 2列目の内容が1frを超えた場合、新しい行を作成したいと思います。現状では、コンテンツが単に列から溢れてしまいます。このレイアウトの要件の 1 つは、右側のメニュー列の項目が 1 行にあることです。これを次のように実行します。 .right-menu{...grid-auto-flow:columndense;...} Grid-auto-flow 属性を削除すると、オーバーフローが停止します。ただし、アイテムは複数の行に積み重ねられており、これは私が望むものではありません。 .riも変換してみました

P粉212114661 2023-09-05 15:18:28 0  1  613

AND、OR、NOT 演算子を使用した PHP 全文検索機能

初心者の質問: php と eloquent を使用して、検索文字列の全文検索を実装しようとしています。 $searchstring="+(被害者容疑者)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  577