Question

我想从插件QTip2中提出一个提示，我选择的颜色不包括CSS代码中的这种颜色。随机选择此颜色以创建页面，用户可以更改，因此我需要找到一种方法来使用明确定义的颜色显示我的提示。

你可以在这两个Jsfiddle上看到我的问题：

http://jsfiddle.net/thybomoon/fDavN/8801/＆amp; http://jsfiddle.net/wHpvW/290/

function color() {
    var bulle_PA_argument = $("a").qtip({
        content: {
            text: 'bulle_check_A_1'
        },
        style: {
            classes: 'qtip-light'
        },
        position: {
            my: 'bottom center',
            at: 'top center',
            adjust: {
                x: 0,
                y: 0
            }
        },
        show: 'none',
        hide: 'unfocus'
    });
    var api_bulle_PA_argument = bulle_PA_argument.qtip('api');
    api_bulle_PA_argument.show();
    $('*').css('background', 'green')
        .css('border-color', 'green')
        .css('color', 'green');
}

有什么建议吗？

Answer 1

只需要像这样使用set（）：

var bulle_misska = $('#show').qtip({
content: {text: '<input type="button" value="Color me !" id="Color"/>'},
style: {classes: 'qtip-light'},show: 'none',hide: 'none'});
var api_bulle_misska = bulle_misska.qtip('api');
api_bulle_misska.show();

$(document).on('click', '#Color', Color);
function Color() {
    $('*').css('background-color','red')
    .css('color','blue')
    .css('border-color','blue');
    api_bulle_misska.set('style.tip.corner', true);
}

DEMO：http://jsfiddle.net/thybomoon/wHpvW/325/

彩色帆布qTip2在其成立

1 个答案: