Question

我正在尝试在jQuery对话框中显示Spectrum colorpicker，但它没有显示出来。这是我用于加载频谱的代码：

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

在我的jQuery对话框中将'color'作为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" />

Spectrum colorpicker不适用于jQuery对话框

1 个答案: