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

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

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

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

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

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

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

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

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

Flask を使用して表示された画像が間違っているか破損しています

いくつかの画像を表示する必要がある Web アプリケーションをセットアップしています。 API から受け取った画像は、matplotlib Figure を png に変換し、io ライブラリを使用してメイン Web アプリケーションに送信します。このため、ページに表示される画像は、ほとんどの場合、間違っているか間違っているように見えます。ただし、コンテキストメニューから新しいページで開くと、正常に動作します。したがって、写真を送信するためのこのコード@app.route('/send-data-a',methods=['GET'])defsend_data_use

P粉299174094 2023-09-12 00:21:51 0  1  705

ハンバーガーメニューをスクロールしないでください

Body CSSbody{.lock&{overflow:hidden;touch-action:none;overscroll-behavior:none;}.loaded&{}} アイコンをクリックすると、このコードにより HTML クラス「lock」が追加されます constburgerClick=(e:React .MouseEvent<HTMLDivElement>)=>{if(widthWindow

P粉410239819 2023-09-09 10:38:16 0  1  685

Bootstrap 5 のナビゲーション バーのドロップダウン メニュー (折りたたみ) に機能上の問題があります。

Bootstrap5 を使用して応答性の高いメニューまたはドロップダウン ボタンを作成しようとしているときに問題が発生しました。すべて順調のようです。ナビゲーション アイコンとドロップダウン アイコンが表示されます。しかし、それらは機能しません。ナビゲーション アイコンまたはドロップダウン ボタンをクリックしても、ドロップダウン メニューが表示されません。 jquery ファイルもインクルードしたことを特に言及したいと思います。しかし、うまくいきませんでした。ここで何が起こっているのか誰か教えてもらえますか？最後に、mr-auto、ml-auto などの他のブートストラップ クラスを使用してい...

P粉322319601 2023-08-22 20:42:45 0  1  735

html5 - h5+ の webview の show メソッドに遅延があります

図 1 のボタンをクリックし、次のコードを実行して新しい Web ビューを表示します: {code...} ただし、図 1 のボタンをクリックした後、遅延して図 2 の Web ビューが表示されます。タップイベントが実行されても、WebView の show メソッドがすぐに実行されないのはなぜですか?

某草草 2017-05-18 10:51:36 0  1  1102

書き直されたタイトルは「jQuery でサブメニューの自動終了を実装する方法」です。

モバイルビュー用のjQueryドロップダウンメニューを作成しようとしています。私は jQuery を初めて使用しており、Toggle を使用してサブメニューの表示と非表示を切り替えています。私の問題は、メニュー項目をクリックしても、他のサブメニューが自動的に閉じないことです。たとえば、menutwo をクリックすると、menuone が自動的に閉じられるようにしたいとします。これどうやってするの？助けてください。 jQuery(ドキュメント).ready(function($){$(".menuone").click(func

P粉312631645 2023-09-16 09:10:19 0  2  1111

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

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

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

JavaScript を使用して、ONCLICK を使用せずにラジオ ボタンの選択に基づいて div の可視性を制御する

部分的に有効な HTML コードがいくつかあります。ラジオボタンの選択に基づいてテキスト入力を表示しようとしています。私にとってそれがどのように機能するかというと、ラジオボタンを押すと他のオプションが非表示になりますが、画面が最初にロードされると3つのオプションがすべて表示されます。これは、関数がクリック時に呼び出され、最初のラジオボタンの選択されたオプションがクリックを構成しないためだと思います。初めてリクエストしたときにのみ表示される onload イベント リスナーを作成しようとしましたが、うまくいきませんでした。これは私のコードです<%layout('layouts/boiler...

P粉212114661 2024-02-17 21:44:02 0  1  505

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

アニメーション化されたハンバーガー メニューを介してビューに切り替える機能を備えたナビゲーション メニューをサイド パネルに追加したいと考えています。 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  506

object-c - iOS が写真を選択してトリミングをカスタマイズするときに、それをプッシュできないのはなぜですか?

{コード...} [picker.navigationController PushViewController:imageCropperViewControllerアニメーション:YES]; この文は、画像を選択するときに、応答しないコンソール プロンプトをクリックしても効果がありません。 [汎用] 不明なタイプの画像形式を作成しています。

滿天的星座 2017-05-02 09:35:20 0  0  686

angular.js - angularjs は、複数の項目が選択されているかどうかをどのように検出し、それらが配置されている行データの ID を収集しますか?

jquery が dom を操作して確認して取得できることは知っています。しかし、私は angularjs を学んだばかりで、それについてはあまり知りません。次のように: これは、thead の {code...} です。 これは、tbody: {code...} です。 これは、図です: 私の質問は、これらのチェックボックスが選択されているかどうかを確認し、選択された値を設定する方法です。 。

阿神 2017-05-15 17:01:07 0  2  719

angular.js - `ng-bind-html` の `ng-click` ディレクティブが有効になりません

js コードは次のとおりです: {code...} html コードは次のとおりです: {code...} ブラウザで表示される dom 構造は次のとおりです: 画像内のテキスト リンクをクリックしても応答がありません。 「quitTo()」関数にブレークを設定します。 見つかったポイントは実行されませんでした。 どうすればこれを機能させることができますか? $scope.$apply()を試してみましたが...

習慣沉默 2017-05-15 16:52:04 0  2  649

angular.js - angular ビューが更新されない

図に示すように、アップロードするファイルを選択した後、ファイル パスが [入力] に表示されます。プロセス中にアップロード ボタンをクリックしなかった場合は、[キャンセル] をクリックして再度ウィンドウを開きます。 。 {コード...} 「キャンセル」をクリックすると、入力は空になり、console.log の値も空になります。 $scope を使用するかどうか...

曾经蜡笔没有小新 2017-05-15 17:03:00 0  2  577

オリジナルの JAVASCRIPT を使用して 5 つの LI の一部のみを表示し、クリックすると残りを表示するにはどうすればよいですか?

コードは次のとおりです: {Code...} 上記は HTML 構造です。JAVASCRIPT (JQUERY ではありません) を使用して 5 つのリンクのみを表示し、残りを非表示にする方法です。画像またはテキストをクリックして表示する必要があります。をクリックして非表示にします。どうすればこの機能を実現できますか?現在表示されている: 私はリンク 1 私はリンク 2 私はリンク 3...

世界只因有你 2017-05-19 10:18:35 0  5  504

ドロップダウン項目をクリックした後、ドロップダウン ボタンのクラスを変更し、ページをリロードします。

ユーザーがドロップダウン内の項目をクリックしてページがリロードされた後、ドロップダウン ボタン項目のクラスを変更しようとしています。次のコードは、ページが更新されるときに機能します。 $(".dropdown-content").on("click",function(){$('.dropbtn').toggleClass('active');}); 使用できるローカル ストレージ オプションはありますか?それについて今知りました。現在、次のコードを使用して、ドロップダウンボタンに表示されるテキストを呼び出しています

P粉877719694 2023-08-17 16:24:17 0  1  558

ページネーション時にチェックボックスの値をセッションに保存する最良の方法

私は Symfony と Twig と協力しています。現在、製品のリストを含む小枝ページがあり、foreach ループを使用して製品を表示し、ページネーションを設定して製品の表示を制限しています。このページには入力としてチェックボックスがあるフォームがあり、次のページに移動するときにセッションで保存チェックボックスをオンにする必要があります。このコードをいくつかのコードに追加してそれを実行しようとしています、いくつか追加しましたページ分割されたビューとコントローラーのコメントで、私がやろうとしていることを説明します。私のループビュー: <form><divclass=

P粉592085423 2024-02-25 16:37:32 0  1  434

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

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

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

Android 上の React-Native でステータス更新が機能しない

スワイプ可能な水平ギャラリーに画像のペアを含むコードがいくつかあります。両方の画像の上部をクリックすると、画像がオフに切り替わるはずです。そのため、私が行ったのは、isImage2Active を状態に設定し、ソースを切り替えるだけです。 iOS では完全にスムーズに動作しますが、Android ではほとんどまったく動作しません。頻繁にクリックすると変更される可能性がありますが、それは明らかに私が望む動作ではありません。したがって、説明したように、スライド可能な水平ギャラリーconstImageである画像コンポーネントがあります

P粉541551230 2024-04-06 16:54:10 0  1  585