html5 - 一個用vue元件實作功能的問題

如圖：點擊clear按鈕，清空input文本，由於此時input失去焦點，對應clear按鈕也會隱藏 需要解決：清空input文本的時候，焦點還在input上，並且clear按鈕依舊顯示

扔个三星炸死你 2017-06-17 09:17:03 0  2  873

如何將可折疊元素插入到 Flexbox 佈局中

我有一個圖像繞行的彈性盒佈局，我想在單擊圖像時顯示一些資訊。此資訊應顯示在包含影像的行與其正下方的行之間，而不移動「列」。這就是我想要的效果類型：http://olmenta.altervista.org（當您點擊一本書時）。這是我所做的：https://jsfiddle.net/fabhpnw9/3/varcoll=document.getElementsByClassName("re

P粉366946380 2024-03-19 23:20:59 0  2  375

上傳和顯示直接複製到 Summernote 編輯器中的圖像時出現問題

我在上傳直接複製到Summernote編輯器而不使用圖像按鈕的圖像時遇到問題。以下是問題的簡要概述以及我迄今為止採取的步驟：我已將Summernote整合到我的網路應用程式中，並啟用了貼上功能，以允許用戶將圖像直接複製並貼上到編輯器中。貼上圖像後，它在編輯器中顯示為未知圖像。但是，在使用AJAX上傳圖像並將其保存在伺服器上時，當我從伺服器檢索圖像並嘗試在Summernote編輯器中顯示它時，圖像

P粉505917590 2024-03-21 23:48:43 0  1  502

android新手。請問像網易新聞頁面那樣，一段文字一段圖片一段文字怎麼實現？

我知道TextView顯示文字，ImageView顯示圖片。但是新聞內容是動態的，可能多個文字多個圖片，數量是不定的。這樣如何實現呢？ 而且像編輯人員，編輯的新聞內容用的CKEditor這樣的Html編輯器，保存在字段中一段h...

曾经蜡笔没有小新 2017-05-16 13:30:18 0  11  1779

懸停時傾斜效果錯誤

我有一個帶有傾斜效果的按鈕，裡面有一個文本，當我懸停該按鈕時，按鈕旁邊會出現兩行。有代碼，將滑鼠懸停在按鈕上直到看到它，這是一個非常隨機的副作用。我認為這是Chrome的問題，但我不確定。這是問題的圖片：https://prnt.sc/hafHhDOHntco.button-skew{position:relative;width:fit-content;padding:6px40px;borde

P粉520545753 2024-03-29 13:34:50 0  1  358

Vue 延遲載入橫幅

我在頁面上有5個橫幅，根據使用者的點擊選擇顯示或隱藏。此時橫幅資料來自API，我正在為API上的每個橫幅條目迭代橫幅組件，知道如何僅在用戶單擊後下載圖像嗎？我嘗試過延遲加載本機行為，但圖像在開始時加載，因為它們全部出現在第一次滾動時，我通過用戶單擊顯示或隱藏圖像。 <banner-basev-for="bannerinentry.banners":key="bann

P粉041758700 2024-03-28 23:03:47 0  1  468

懸停時顯示內容（不影響卡片高度）

我有一個區塊，其中包含懸停時顯示的內容。效果的工作方式應該是：.hoverCard預設顯示基礎內容（.hoverCard__showOnHover中的內容被隱藏）用戶將滑鼠懸停在.hoverCard上，此時.hoverCard__showOnHover顯示其內容，並且.hoverCard__body向上轉換（賦予其“打開”效果）可以在我的演示中看到上述內容的視覺效果，但我無法讓動畫完美地工作。我遇到

P粉289775043 2024-03-27 20:29:28 0  1  440

標題重寫為：Issue with rendering BLOB image

嗨，我在mysql中儲存了BLOB格式的jpg圖片。我在使用PHP將圖像渲染到我的視圖頁面時遇到問題。當我使用header('Content-type:image/jpeg')它在我的頁面上給出一條訊息，因為圖像無法顯示，因為它包含錯誤。當我在沒有標題功能的情況下列印時，會顯示一些垃圾文字。這是我的程式碼：functionloadImage(){//connecttodbmysql_select_d

P粉814160988 2023-10-31 08:54:55 0  2  696

實作針對特定部分的頁面內垂直捲動而不移動整個頁面

我已經在一些頁面上看到過這個效果：你向下滾動，但頁面本身似乎一動也不動。因此，有些元素會淡入或淡出，出現或消失。我有一個包含5個卡片的部分。現在我想要創建相同的效果。當我向下滾動到該部分時，我希望透過上下滾動來導航該部分。根據我目前所在的位置，我希望顯示或隱藏一張卡片。我開始為該部分添加了overflow:scroll，但之後我就沒有更多的想法來創造這個效果了。

P粉946437474 2023-08-15 19:29:46 0  1  418

javascript - 顯示與隱藏動畫有什麼好的方案嗎？

範例 就像這個動畫一樣的效果，div先是隱藏的，點擊按鈕後顯示並且有動畫效果，隱藏的時候同樣。但我絕對我寫的太複雜，有沒有更簡單的方案呢（不要第三方函式庫）！

阿神 2017-06-30 09:59:55 0  5  1050

Safari：Webcamjs 無法準確捕捉即時影像

我正在開發一個監控系統，我們需要每x分鐘拍攝一次使用者的影像（在他們的許可下），而網路攝影機HTML元素對使用者不可見。但是，有時拍攝的影像在Safari中會顯示舊影像。我已經使用webcamjs創建了一個模擬應用程序，只有當網路攝影機節點從視口隱藏時，我才能在safari中重現此應用程式。為了從視窗隱藏網路攝影機元素，我使用了以下樣式#webcam{position:fixed;top:-1000

P粉338969567 2024-02-17 15:12:30 0  1  369

javascript - swiper圖片無法劃動

題主是用vue寫的因為沒有請求的數據就造了些假數據: 這是動態生成的img標籤然後再頁面上使用: 但打開chrome看一下效果發現這個不能劃動,只能看到初始的那張照片動態產生的img也是正確結構如下但為什麼不能劃...

黄舟 2017-07-05 10:48:46 0  6  1273

隱藏元素的ReactJS使用方法

我想在螢幕上顯示一段文本，並且只有在按下按鈕時才隱藏，但我不知道如何做。我想使用useState來實現這個效果：const[textVisibility,setTextVisibility]=useState(true)<buttononClick={()=>setTextVisibility(false)}/>我發現的問題是，點擊按鈕時，頁面會重新渲染，可見性的值將會變成默認

P粉136356287 2023-09-07 19:21:22 0  2  496

如何在iOS Safari中實現頁面上移，以適應彈出的鍵盤

在iPhone的Safari上顯示鍵盤時，如何將頁面向上移動？目前當有人對焦在輸入框上時，鍵盤會覆蓋輸入框。我希望鍵盤在輸入框下方。請問有人可以幫忙嗎？當輸入框失去聚焦時，如何取消這種效果？

P粉715228019 2023-08-09 17:01:31 0  1  686

javascript - h5的canvas標籤隱藏再顯示後位置不一樣咋整？

用js動態加入的canvas標籤，畫了一些線條，並且用的是絕對定位在特定的位置，預設是顯示的，但是產品要求可以隱藏，於是做了個按鈕點擊後可以隱藏或顯示，用的hide ()和show(),為什麼hide()後再show()，canvas的...

巴扎黑 2017-05-24 11:37:35 0  1  1013

焦點不起作用時從顯示隱藏更改為顯示區塊

我試圖讓我的“searchbardropdown”在單擊“searchbarinput”時顯示，但這不起作用。有人知道這是怎麼回事？謝謝！在圖中，您可以看到輸入獲得焦點時背景顏色發生變化，但下拉清單不會顯示。 .searchbardropdown{display:none;}.searchbarinput:focus.searchbardropdown{display:block;}.searchb

P粉301523298 2024-04-04 14:24:47 0  1  507

使用 JavaScript 基於單選按鈕選擇來控制 div 可見性，而不使用 ONCLICK

我有一些部分有效的html程式碼。我試圖根據單選按鈕選擇顯示一些文字輸入。我的工作原理是，當按下單選按鈕時，它會隱藏其他選項，但在螢幕第一次加載時，所有3個選項都會顯示。我假設它是因為單擊時調用該函數並且第一個單選按鈕的選中選項不構成單擊。我嘗試製作onload事件偵聽器，該監聽器只會在我第一次要求的狀態下顯示，但這不起作用。這是我的程式碼<%layout('layouts/boilerpl

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

如何使頭部的圖片、文字和按鈕具有響應式

我正在使用Bootstrap5製作一個網站。在網站的標題中，我使用Bootstrap中的輪播作為我的標題。輪播圖像還允許顯示文字和按鈕。我希望圖像、文字和按鈕具有響應能力。我嘗試使用媒體查詢，但我不知道該怎麼做。測試.html<!doctypehtml><htmllang="en"><head><metacharset="ut

P粉604507867 2023-09-17 09:51:15 0  1  753

將如何在styled components中使用map函數來處理資料？

我正在練習如何使用map函數。我建立了一個json文件，希望使用map函數顯示每個資料。數據傳遞得很好。但問題是顯示圖像的方式。圖像都在一個檔案中，顯示圖像的方式是使用background-position來顯示圖像的一部分。為此，我將'target'的'background-position'數值放入了json檔案中。問題但我不知道如何傳遞這個數值。嘗試編寫程式碼，但它不起作用。我認為將值傳遞給樣

P粉982009874 2024-03-30 18:06:00 0  1  491

只顯示具有特定元值產品的Woocommerce類別

我正在開發我的Woocommerce商店的b2b部分。我已經成功地過濾了woocommerce_product_query_meta_query，只顯示已經啟用了b2b部分的產品給b2b用戶。然而，我找不到一種方法來隱藏在Woocommerce類別小工具中顯示0個結果的產品類別（因為該類別中沒有啟用b2b部分的產品）。我考慮重寫預設的Woocommerce小部件代碼，並為每個類別（和子類別）運行w

P粉037215587 2024-01-10 17:16:58 0  2  439