隱藏光譜JS顏色選取器元素

我想要隱藏光譜顏色選取器元素（不是實際的顏色選取面板，而是您單擊以顯示面板本身的按鈕）。隱藏光譜JS顏色選取器元素

我要替換元素的引用，但呼籲該節目顯示/隱藏和隱藏替換元素本身：

<input type="color" />

var $el = $("input[type='color']") 
$el.spectrum() 
$el.hide() // Hides the original input element, not the new color picking element 
$el.spectrum('hide') // Hides the color picking panel

我在頁面上這些顏色選取器的倍數，我只在Javascript中引用了原始的<input type="color" />元素（即我不能從新的拾色元素添加/刪除類，因爲我不知道哪一個元素對應於<input />元素。

我正在開發一個圖像編輯器，我需要顯示基於選擇的對象/形狀/圖像隱藏按鈕。

來源

2015-09-22 Michael Bates

我沒有得到問題..你爲什麼要隱藏顯示RGB調色板的面板，但允許用戶點擊選擇器？請提供[jsFiddle]（https://jsfiddle.net）並進一步顯示/解釋。 – urbz

剛剛更新了問題，基本上我需要基於在編輯畫布中選擇哪些對象來顯示/隱藏顏色選擇器按鈕。例如，如果選擇矩形，則顯示「填充顏色」顏色選擇器是有意義的，但如果它是選定的圖像，則無意義。 –

所以光譜創建一個類名爲sp-replacer的div。您可以選擇類名稱並將它的css顯示屬性設置爲none。

例如：

$('.sp-replacer').css('display','none');

希望有所幫助。

來源

2016-07-28 23:32:33 Gabo

謝謝@Gabo。問題是我只參考了''元素，頁面上有多個顏色選擇器，所以我不能選擇'.sp-replacer'，因爲它會選擇頁面上的每個顏色選擇器。我最終這樣做了：'$ el.next（「。sp-replacer」）。hide（）'，其中$ el是對''的引用。 –

因爲它在文檔說，你可以試試這個：

$（「＃選擇器」）頻譜（ '選項'， 'showInput'，虛假）。

來源

2017-11-07 13:30:17

隱藏光譜JS顏色選取器元素

回答

相關問題