に質問検索_PHP中国語ウェブサイト

コミュニティ学ぶツールライブラリレジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

HTML CSS Js - 折りたたみ可能なツリー、開いたときに折りたたみを表示

ここの例 https://codepen.io/ac_coding/pen/wMmKgb を使用して折りたたみ可能なメニューを作成していますが、メニューを開いたときに完全に折りたたまれるようにしたいと考えています。 $('toggleClass').click() などの JavaScript にいくつかの変更を加えてみましたが、今のところうまくいきません。 JavaScript は初心者なので理解するのが難しいです。ページが開いており、すべてのオプションが折りたたまれていることを確認する方法についてアドバイスをいただければ幸いです。事前にどうもありがとうございました。 /*これ

P粉738046172 2023-09-07 09:43:38

ネストされた折りたたみ可能な可視性の問題

`ネストされた折りたたみ可能オブジェクトを展開すると、その親の可視性が正しく計算されません。ネストされたコンテンツの一部が画面から欠落しています。これは、スクロールの高さを処理する HTML コードと JS コードです。 //Getallcollapsiblebuttonsconstcollapsibles=document.getElementsByClassName('collapsible');//Addclickeventlistenerforeachcollapsiblefor(l

P粉805922437 2024-02-21 19:54:34

折りたたみ可能な要素を Flexbox レイアウトに挿入する方法

画像が折り返されたフレックスボックスレイアウトがあり、画像がクリックされたときに情報を表示したいと考えています。情報は、「列」を移動せずに、画像を含む行とそのすぐ下の行の間に表示される必要があります。これは私が望むタイプの効果です: http://olmenta.altervista.org (本をクリックしたとき)。私がやったことは次のとおりです: https://jsfiddle.net/fabhpnw9/3/varcoll=document.getElementsByClassName("re

P粉366946380 2024-03-19 23:20:59

vim - コードの折りたたみを見つけるためのコード

既存の折りコード: {コード...} 折り前のテキスト: 既存の折り効果: 私のニーズ: 下の図に示すように、前の余分な部分を削除すると、見た目がきれいになります。 Vim に連絡を取り始めたばかりです。アドバイスをいただければ幸いです。

给我你的怀抱 2017-05-16 16:41:57

javascript - jq固定高テキストの展開と折りたたみ

{コード...} このような効果を実現するにはどうすればよいですか? 矢印を折りたたんだり展開したりして効果を書いてみました。ここに書かれている高さは固定されているため、理想的ではないようですが、このテキストの量は不確実ですデモ

伊谢尔伦 2017-06-29 10:09:11

JavaScript - この Web ページの自動回転と折りたたみ部分を実装する方法を知りたいです。

1. Web サイトのアドレスは次のとおりです: http://baozhuang.yundayang.co... 2. 折りたたみ部分にプラグインを使用する必要がありますか? 3. 自分で書くときのポイントは何ですか？

巴扎黑 2017-05-16 13:25:45

オーバーレイ画像を画像境界内に保ちます - 画像にのみ貼り付くように制限します

画像にオーバーレイを貼り付けようとしていますが、このオーバーレイは上部のメニューバーにまで広がっており、画像に貼り付ける方法がわかりません。画像のサイズを変更したり、位置を変更したりするさまざまな方法を試しましたが、それでもメニューバーにはみ出してしまいます。上部の位置を調整すると全画面表示になるための小さな修正ですが、モバイルではメニューが非表示になるため機能しません。そして、サイズが変更されると、画像の下に流れます。 header{border-bottom:5pxsolidcoral;font-family:A

P粉838563523 2023-09-20 22:57:13

java - Intellij idea のすべてのメソッドを折りたたむためのショートカットキーは何ですか?

以下は折りたたみをクリックした後の折りたたまれていない状態です: このjsを開くとすべてのメソッドが展開されていますが、行数が多すぎます。すべてを直接折りたたんで、数十行だけになるようにしたいので、非常に便利ですショートカットキーはありますか? それとも自分で設定する必要がありますか?

代言 2017-06-14 10:52:40

JavaScript - slideToggle は折りたたみメニュー効果を実装していますが、このオプションをクリックすると展開され、他のオプションが自動的に折りたたまれることをどのように実現すればよいでしょうか?

実現したいのは折りたたみメニューですが、スライドトグルはクリックすることによってのみ折りたたむことができます。他のオプションをクリックすると、展開されたメニューが自動的に折りたたまれます。どうすれば変更できますか?コードは次のとおりです: $("> li", this).each(function () { {code...}

某草草 2017-07-05 11:06:06

レイアウトの変更を防ぐために、可変サイズの画像をロードする前にそのスペースを予約するにはどうすればよいですか?

テキスト、画像タグ、および次のようなテキストを含む HTML ページがあります。これは画像の前のテキストです。 <imgsrc="image.jpeg"/>これは画像の後のテキストです。画像の読み込みに時間がかかるため、ページが読み込まれるとき、画像よりも先にテキストが読み込まれるようになりました。そのため、画像の後のテキストが画像の前のテキストの直後に配置されるようにレイアウトが変更され、画像がまだ読み込まれていない場合、画像用のスペースは確保されません。ただし、画像を読み込むと、画像の後のテキストが下に移動します。

P粉936509635 2023-08-28 00:04:44

ReactJS プログラミングによる MUI DataGrid のすべてのノードの展開と折りたたみ

MUIReactJS の DataGrid ですべての行をプログラムで展開/折りたたむにはどうすればよいですか?私は何を試しましたか？ MUI ドキュメントに従って、defaultGroupingExpansionDepth 属性を使用しました。exportconstEXPAND_ALL=-1;exportconstCOLLAPSE_ALL=0;...const[expandedState,setExpandedState]=useState(COLLAPSE_AL

P粉068486220 2023-08-13 10:39:36

Summernote エディタに直接コピーした画像のアップロードと表示の問題

画像ボタンを使用せずに、Summernote エディタに直接コピーした画像をアップロードするのに問題があります。問題の概要とこれまでに行った手順を次に示します。 Summernote を Web アプリケーションに統合し、貼り付け機能を有効にして、ユーザーが画像をコピーしてエディタに直接貼り付けることができるようにしました。画像を貼り付けると、エディターに不明な画像として表示されます。ただし、AJAX を使用して画像をアップロードし、サーバーに保存しているときに、サーバーから画像を取得して Summernote エディターで表示しようとすると、画像が

P粉505917590 2024-03-21 23:48:43

複数の画像をアップロードした場合、最後の画像がサムネイルになりますが、最初の画像をサムネイルにするにはどうすればよいですか？

複数の画像をアップロードした場合、最後の画像がサムネイルになりますが、最初の画像をサムネイルにするにはどうすればよいですか？ <?php $first = post_read($_thread['firstpid']);

杨杰 2021-06-17 23:19:23

javascript - 画像をアップロードしてページに表示するための vue 用プラグイン

html code<div class="bg_white"> {code...} js code module.exports = { {code...} }; この JS コードでは、最初のピクチャ領域にピクチャがあり、2 番目のピクチャ領域にピクチャがあることのみを認識できます。アップロードされた画像領域に画像がありません

PHP中文网 2017-06-24 09:44:07

折りたたまれたアコーディオンセグメントの高さを制限する Bootstrap 5 Vue3

Vue3とbootstrap5を使用してWebアプリケーションを構築しています。しかし、この質問はブートストラップのみに関するものだと思います。私がやりたいのは、コンテンツが長いときに他のセグメントが低くなりすぎないように、折りたたまれたアコーディオンセグメントの高さを制限することです。私が試したのは、 max-height と Overflow:auto をクラス .collapsing に追加し、アコーディオンのクラスに "collapseing" を追加しましたが、アコーディオンはその高さまでスクロールし、2 秒後に完全に展開された状態にジャンプします。ノードm内

P粉111227898 2024-03-31 21:56:54

JavaScript - 静的リソースの max-age キャッシュを追加した後、同じ画像が複数回ロードされたことが判明しました

Express {code...} で静的リソースのキャッシュを設定したところ、js または css やその他の画像が正常にキャッシュできることがわかりました。しかし、複数回読み込まれた写真が 1 枚あります。キャッシュ設定の問題でしょうか?

给我你的怀抱 2017-05-16 13:44:24

純粋な Javascript を使用して画像置換のためのトランジション効果を実装する

私が作成した Web サイトには多数のアコーディオンがあり、それぞれの上部に画像があります。アコーディオンを開くと中に説明があり、画像が切り替わります。アコーディオンを閉じると、画像は最初の画像に戻ります。問題は、この画像の変更には、フェード効果を伴う滑らかな遷移を持たせたいのですが、現在は単なる突然の変更であるということです。どうすればいいですか？アコーディオンボタンの ID が「button」で、最初の画像 (2 番目の画像に変更されます) を含むラベルの ID が「firstimage」だとします。これはJavaSです

P粉458913655 2024-03-30 00:14:11

javascript - 画像をクリックして拡大または縮小するために使用できる簡単な JS はありますか?

htmlで画像を拡大・縮小できるjsを参考にしたいのですが、画像は大きい画像と小さい画像の2種類を使うのがベストですモールのコメント用にもっと簡単な画像共有機能はありますか?わかりません。

習慣沉默 2017-05-19 10:47:30

画面サイズに合わせたボタンの作り方～背景画像の使い方を詳しく解説

私は、複数のグラフィックスを並べて表示し、デバイスの画面サイズに適応させる必要がある pfsensecaptiveportal を開発しています。これは、画像入力タイプを使用するとうまく実現できます。ただし、pfsense デバイスはこのコミットを正しく認識しません。機能するには、コミットタイプの値が「Continue」である必要があります。代わりに背景画像を使用しようとしましたが、背景画像が拡大縮小されません。画面が小さくなると、フルサイズで表示され、トリミングされて表示されます。背景画像のサイズを変更できるようにするにはどうすればよいですか? #コンテンツ{フォントファム

P粉345302753 2023-08-16 13:38:12

javascript - お聞きしたいのですが、webpack で画像をパックするとページ上に画像が表示されないのですが、ウェブサイトのルートディレクトリについて何か質問はありますか？

アドバイスをお願いします。最初に画像をアップロードし、最初にファイルディレクトリをアップロードします。次は webpack の画像部分の構成情報です。発生した具体的な問題は次のとおりです。画像を表示できず、ブラウザコンソールに次のようなエラーが報告されます。画像が見つかりません。コンソールコードを見ると、画像のパスは http://loc... であることがわかりました。

黄舟 2017-07-05 10:53:44