2014-02-23 31 views
0

我想從插件QTip2中提出一個提示,我選擇的顏色不包括在CSS代碼中的這種顏色。隨機選擇這種顏色來創建頁面,並且用戶可以更改,所以我需要找到一種方法來提供具有明確定義的顏色的我的提示。彩色畫布qTip2在其開始

你可以看到在這個兩的jsfiddle我的問題:

http://jsfiddle.net/thybomoon/fDavN/8801/ & 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'); 
} 

有什麼建議?

回答

0

它只是需要使用()設置這樣的:

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/