堆棧內存溢出
cost 132 ms
NextJS Tailwind 網站 offcanvas 菜單懸停/點擊事件不會在父維度之外發生

[英]NextJS Tailwind website offcanvas menu hover/tap events not happening outside of parent dimensions

我有一個 header，帶有從右側進入的畫布外菜單。 它按預期工作，除了一個問題：當菜單可見並打開時，鼠標/觸摸事件 go 直接穿過它下面的內容。 這是代碼： 自從我手工編寫畫布外菜單以來已經有好幾年了，所以我確定我遺漏了一些東西。 ...

如何刪除菜單按鈕周圍的黑線？

[英]How can I remove the dark line around my menu button?

我正在使用 Bootstrap 5.1.3 和自定義菜單按鈕創建一個 C# Razor 項目。 基本上，我使用一個帶有圖標的自定義按鈕來打開一個畫布菜單，當這個菜單關閉時，按鈕周圍的一條可怕的線是可見的。 點擊一下（失去焦點），按鈕就會出現。 一個例子如下： .navbar- ...

當我嘗試單擊 offcanvas bootstrap5 中的任何內容時，它會關閉，就像我在 offcanvas 外部單擊時一樣

[英]When I try to click on anything in offcanvas bootstrap5 it closes, just like when I click outside the offcanvas

當我單擊按鈕時，畫布外彈出窗口但是當我單擊它時，它會關閉，就像我在其外部單擊時一樣 <,DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv= ...

如何使用帶有表格行的 canvas 引導程序？

[英]How to use bootstrap off canvas with a table row?

我想將關閉的 canvas 側邊欄與我的表一起使用。 我使用 node js express 應用程序和一個 ejs 視圖引擎來獲取我的表的動態值。 我不太確定我會如何 go 創建關閉 canvas 側欄。 我猜我必須在<tbody>行中使用錨標記。 考慮到上面的代碼，我希望用戶能夠點 ...

Livewire offcanvas Bootstrap 5

[英]Livewire offcanvas Bootstrap 5

我使用 Livewire 和 Bootstrap 5。我在 Livewire 組件中有一個 Offcanvas，當單擊按鈕時會顯示它。 在這個畫布中，我有一個文本區域，它通過 LiveWire 向服務器發出請求。 此請求使畫布消失，而我希望它保持顯示。 為此，我使用wire：ignore-self ...

Bootstrap 5 - vue 3 應用程序中未顯示 offcanvas 組件

[英]Bootstrap 5 - offcanvas component not displayed in vue 3 app

我正在嘗試將 bootstrap 5 的新 offcanvas 組件集成到我的 vue 應用程序中。 我有這段代碼，在構建應用程序后，我想測試它，但我看不到 offcanvas 菜單。 我沒有加載 js 插件來維護我的應用程序燈，我正在使用將綁定所需 class 的變量添加 show class。 ...

Bootstrap 5 offcanvas 不適用於錨點內的圖像或圖標

[英]Bootstrap 5 offcanvas is not working with images or icons inside the anchor

您可能會認為它是重復的，但我向您保證，我已經研究了有關 stakeoverflow 的幾個問題，但找不到類似的問題。 我已經實現了 Bootstrap 5 offcanvas，它有一個奇怪的問題。 當您觸發帶有文本的按鈕（錨/按鈕）時，它可以完美運行。 但是當您將圖像或圖標放入其中的那一刻 svg。 ...

Bootstrap 5 offcanvas 禁用點擊關閉

[英]Bootstrap 5 offcanvas disable close on click

我正在使用 offcanvas 組件 ( https://getbootstrap.com/docs/5.0/components/offcanvas/ )。 但是我想知道當我在 offcanvas window 外部單擊時是否可以阻止它關閉。當我按 ESC 鍵時我設法阻止它關閉但是沒有辦法（就文檔 ...

Bootstrap 5 Off Canvas 大小問題

[英]Bootstrap 5 Off Canvas sizing issue

我正在使用bootstrap 5 off-canvas進行折疊，同時我有一個公告欄，它只是我導航欄頂部的一個可忽略的警報。 問題是當我在可關閉警報上單擊關閉按鈕時，我的畫布外上衣尺寸效果不佳。 我該如何解決這個問題？ 我在codepen.Io上做了一個活生生的例子注意：嘗試調整 window 的大小 ...

不在視圖中時的畫布外標簽鏈接

[英]Off-Canvas Tabbing Links when not in View

在桌面視圖的 tabindex 中識別畫布外導航菜單。 因此，如果用戶在桌面上查看，他們會按應有的方式選擇“跳到主要”選項卡； 但隨后他們在到達頁面徽標之前通過 8 個不可見鏈接進行切換。 這個網站正在使用 Zurb Foundation off-canvas。 我嘗試按照此線程中的建議將 tabi ...

按下按鈕時如何專注於特定元素

[英]How to focus on a specific element when a button is pressed

我有一個關閉畫布菜單（ #mobile-menu ），當單擊或按下按鈕/觸發器（ .mobile-menu-toggle ）等時它會打開。 菜單在鍵盤按下時可以正常打開，但它不會聚焦在菜單內，而是聚焦在文檔流中的下一個元素 - 菜單實際上位於文檔中的“觸發器”之前。 所以我正在尋找一種方法來在關 ...

關閉畫布菜單 - onclick 功能問題

[英]Off canvas menu - onclick function issue

我目前正在處理一個個人項目 - 在前端世界中相當新。 我在菜單中有一個畫布幻燈片，但是在第一次單擊切換按鈕后我無法再次打開它。 我正在使用 onclick 函數，然后使用 CSS 來構建進出視口的過渡。 不知道我哪里出錯了，所以希望得到一些幫助！ 這是我的代碼： CSS JS ...

如何使用類似於 mmenu 的 jQuery 制作具有多級滑動窗格的 offCanvas 菜單？

[英]How to make an offCanvas Menu with multi-level sliding panes using jQuery similar to mmenu?

我想馬上接受，那里有很多圖書館，並且有很多關於 SO 的類似問題。 但沒有人能解決我手頭的問題。 我創建了一個受 mmenujs 啟發的類似OffCanvas Mobile 的滑動菜單。 為了實現這一點，我采用了制作具有不同z-index值的<div>窗格，然后將它們轉換為錨點單擊的方 ...

jQuery-重置元素的高度不起作用

[英]jQuery - Resetting the height of an element not working

我想做的是從“畫布”菜單中獲取下拉菜單的高度，並將其設置為UL，以便覆蓋菜單當前所在的高度。 因此，如果下拉菜單的高度較長，則其所在的div應該會擴展，並且始終應顯示邊框底部。 如果您單擊幾次Corporate，然后單擊SME，然后返回Corporate，則企業下拉菜單位於DIV的頂部， ...

當非畫布菜單滑入時如何調暗主要內容

[英]How to dim main content when off-canvas menu slides in

我有一個從左側滑動以覆蓋頁面的畫布外菜單。 我頁面的構建塊是div。 我調用javascript函數來打開和關閉畫布外菜單。 我的主要內容仍然在滑動菜單下。 我在找到一個簡化主要內容並阻止任何點擊的解決方案時遇到了問題。 我試圖使用屬性背景：rgba（0,0,0,0.5）！impo ...

Bootstrap Offcanvas防止在單擊Datepicker時關閉Offcanvas

[英]Bootstrap offcanvas prevent closing of offcanvas when you click on datepicker

我在菜單內的窗體中使用datepicker並單擊datepicker按鈕時，offcanvas菜單關閉出現問題。 最近兩天我一直在努力工作，但我無法解決這個問題，在我搜索的所有地方都找不到解決方案。 我將jui jquery ui和datepicker與iamphill bootst ...

Foundation 6 offcanvas菜單不起作用/觸發

[英]Foundation 6 offcanvas menu not working/triggering

因此，我在一個網站上從事娛樂工作，以學習更多知識。 我現在正在使用Foundation 6。 單擊該按鈕時，僅顯示較小的按鈕，並且該按鈕仍在工作，但是不希望顯示畫布內容。 這是我的代碼： ...

Zurb Foundation-關閉畫布動畫后的回調

[英]Zurb Foundation - Callback after off canvas animation

我正在像這樣在基礎中使用非畫布導航的標准示例... 我正在尋找一種動畫完成后觸發jquery CSS函數的方法。 到目前為止，我有這個。 但這會在單擊“打開”按鈕時觸發，是否有人知道我是否可以使用任何回調或類似方法，以便僅在關閉畫布動畫結束后才應用CSS？ ...


排序:
質量:
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM