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

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

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

Laravel 8でナビゲーションバーのドロップダウンメニューが正しく機能しない

Laravel8 のナビゲーションバーに問題があります。具体的には、ナビゲーションバー全体がビューに表示されますが、ドロップダウンメニューが機能しません。実際、クリックしてもドロップダウンメニューは開きません。これはlayout.blade.phpです: <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-eq

P粉460377540 2023-12-16 11:55:20

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

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

P粉322319601 2023-08-22 20:42:45

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

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

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

P粉312631645 2023-09-16 09:10:19

ナビゲーションバーの中央のドロップダウンメニュー

このCSS/HTMLを作りました。 .navbar{幅:100%;背景色:rgb(151,44,44);オーバーフロー:自動;}.navbara{border-right:1pxsolid#f5b7b7;float:left;padding:8px;color:white;text -装飾:なし;フォントサイズ:1.5vh;幅:25%

P粉285587590 2024-04-04 18:24:52

Woocommerce カスタム属性に複数の分類法を登録するにはどうすればよいですか?

私は Woocommerce ドキュメントを使用して WordPress ナビゲーションメニューのカスタム属性を取得しています: https://woocommerce.com/document/using-custom-attributes-in-menus/ 次のコードを使用しました: add_filter('woocommerce_attribute_show_in_nav_menus', 'wc_reg_for_menus',1,2);関数

P粉610028841 2023-09-03 21:18:04

Nuxt-link が Bootstrap-vue を使用してページを更新する問題

nuxt とブートストラップを使用して、ナビゲーション用のカスタムホバードロップダウンメニューを構築しています。私が抱えている問題は、ナビゲーションサブメニュー NuxtLinks が、Nuxt ブロック内のアプリケーションコンテンツをスムーズに変更するのではなく、ページ全体を更新していることです。ナビゲーションバーは、default.vue レイアウトで動的に生成され、コンテンツをラップする NuxtLink を持つ b-dropdown-hover コンポーネントを使用します。ページではこれらのリンク/アンカーが完全に更新されるのに、b-navbar-brand イメージがスム...

P粉512729862 2023-12-07 08:58:02

API からの値を使用して変更をトリガーします。

現在の座標を取得して変数として保存し、これらのパラメータを GeoNames に送信して国コードを取得する必要があるプロジェクトに取り組んでいます。この国コードは、境界線を表示するドロップダウンメニュー (値として国コードが事前に設定されている) で変更イベントをトリガーするために使用されます。

P粉633309801 2023-07-30 15:33:31

jqueryを使用したナビゲーションメニューのサブメニューの表示/非表示（切り替え）が期待どおりに機能しない

CSS、HTML、jqueryを使用して水平メニューを作成しました。メニュー項目をクリックすると、サブメニューが表示されます。私の問題は、サブメニューがすでに開いているときに別のメニュー項目をクリックすると、新しいサブメニューが表示されますが、以前に開いていたメニューは非表示にならないことです。更新: 質問を編集して、現在は 1 つの問題だけに焦点を当てています。 $(".menus_li").click(function(e){$(".blocks_ul",this).togg

P粉183077097 2024-03-20 09:28:35

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

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

選択したオプションを別のページに転送する Vue アプリケーションを実装する方法

Vue アプリの最初のページには、電子メールアドレスのリストを含むドロップダウンメニューがあります。選択した値/テキストを保存し、ルーティング先の受信トレイページのパラメータまたは変数として使用したいと考えています。これは、v-autocomplete を使用したドロップダウンメニューのコードです: <v-autocompletedensefilledlabel="Select Mailbox" v-model="mailboxes":items="mailboxes"

P粉308089080 2023-08-28 09:44:23

飲食店サイトのボタンオーバーレイ表示問題の解決方法

React.js を使用してオーバーレイページを正しく表示するためのボタンをレストラン Web サイトに構築するのに苦労しています。これらは独自のコンポーネント (MenuButtons.jsx) に設定され、前のページの短いメニューセクションの下部にあります (下の画像を参照)。フルメニューは長すぎてフロントページにすべてを収まらないため、残りのメニュー（ワインリスト、ランチメニューなど）については別のオーバーレイページを立ち上げてほしいと思います。下の画像は、ワインリストのオーバーレイページがどのように見えるかを示しています。コードは次のとおりです: importReact,{use...

P粉289775043 2024-01-16 19:22:49

フォームのHTMLドロップダウンをPHPメールに接続するにはどうすればよいですか?

このHTMLをPHPコードで確認してください。これを行う方法？私は初心者です。特定の医師の電子メールアドレスを選択するためのドロップダウンメニューを備えた問い合わせフォームを作成しています。私はテンプレートを使って作業していますが、PHP の経験はあまりありません。 HTML コード: <divclass="col-md-6form-groupmb-5"><labelfor="package">パッケージ*</label&g

P粉215292716 2024-03-28 10:36:26

書き直されたタイトルは、「Tailwind CSS を使用して高さを調整できるアニメーションドロップダウンメニューを作成するにはどうすればよいですか?」です。

私はサイドプロジェクトに Tailwindcss、React、Next.js を使用しています。画面サイズがtailwindで定義された「sm」サイズに達したときにハンバーガーメニューを表示する応答性の高いナビゲーションバーを作成しようとしています。ハンバーガーのアイコンをクリックすると、メニューが高さ 0 から max-h-40 に遷移するようにします。以下のコードに些細な何かが欠けているような気がします。これを見ている他の人が私が欠けているものを理解できることを願っています。 navbar.tsx"useclient";importI

P粉667649253 2024-02-17 11:54:04

JavaScript - ブートストラップナビゲーションバーのドロップダウンメニューを開けませんか?どうしたの？

{コード...}

大家讲道理 2017-07-03 11:42:46

CSS ハイパーリンクスタイルクラスを HTML コードから呼び出すことができないのはなぜですか?

ハイパーリンクスタイル用に複数のクラスを作成したいと考えています。ナビゲーションメニュー用の特別なクラスだけでなく、デフォルトクラスも必要です。これは私のCSSコードです: a{color:white;text-decoration:none;}.menu-itemsa{color:black;text-decoration:none;} HTMLで「menu-items」クラスを呼び出そうとしましたが、継続します上記のデフォルトの a{} スタイルを使用します。{}これは HTML コードです: <divclass=&quo

P粉068486220 2024-04-04 11:20:16

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

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

P粉877719694 2023-08-17 16:24:17

メニュー項目のホバー効果はページの高さ全体をカバーします

左側のナビゲーションを開発しています。カーソルを合わせるとメニュー項目の前に赤いバーが表示されるようにしたいです。これは「ホーム」項目とそのサブ項目では機能しますが、他のルート項目ではホバー時に赤いバーがページの上から下まで幅全体に表示されます。 $(document).foundation();.vertical.dropdown.menu[href]>i{display:block;}.vertical.dropdown.menu[href]{display:block;text-ali

P粉029327711 2024-02-04 00:36:46

JQuery がドロップダウン値をキャプチャしない

荷物の集荷をスケジュールするための API インターフェイスを作成しています。 APIにはパッケージ数などが必要です。私のプロジェクトマネージャーは、ドロップダウンリストとしてパッケージの数が必要だと言いました。他のドロップダウンメニューでは機能しますが、フォームからパッケージの数量を取得しようとしても機能しません。ドロップダウンリストを生成するための私の PHP コード: <selectname="package_count"id="package_count" class="form-controlf

P粉476046165 2023-09-11 14:22:42

Selenium のドロップダウン要素からオプションを選択した後、ページが更新されない

この問題に遭遇しました。Web ページに記入し、ドロップダウンメニューから値を選択する必要があるプロセスを Python で自動化しようとしています。ただし、ドロップダウン値が選択されていてもページが更新されないという問題に直面しています。これは、この特定の要素を選択するコードです: importosimporttimeimportpandaspdfromseleniumimportwebdriverfromwebdriver_manager.chromeimportChromeDriverMan

P粉043470158 2023-09-11 18:35:56