javascript - Spectrum 颜色选择器不适用于 jQuery 对话框

Question

我试图在 jQuery 对话框上显示 Spectrum 颜色选择器，但它没有显示。这是我用于加载频谱的代码:

$(document).ready(function() { $("#colour").spectrum({color: "#f00" });});

为我的 jQuery 对话框中的 div 进行“着色”。这是初始化对话框的代码:

dialogObj = $("#_dialogPanel").dialog({
        autoOpen: false,
        resizeable: true,
        position: { my: "center-100 bottom-40", at: "center center" },
        stack: true,
        height: 'auto',
        width: 'auto',
        modal: true
    });
    $("#_dialogPanel").submit( function(e) {
        e.preventDefault();
    });
    dialogObj.dialog("open");

对话框中的内容是使用以下方式动态加载的:

$("#_dialogPanel").empty().html(response);
$(document).ready(function() { $("#colour").spectrum({color: "#f00" });});

“回应”:

<div name='colour' id='colour' />

母版页中添加了对spectrum.js和spectrum.css的引用

Answer 1

光谱颜色选择器不适用于 div，仅适用于输入元素

<input type='text' id="colour" />