qtip2的不同内容与if条件

Question

我正在尝试制作工具提示，图像内容始终显示在页面加载上，但是如果条件使工具提示将显示不同的图像。 设置如下：

    <script type="text/javascript">
$(document).ready(function() { 
    var warna = "";

    if(warna=="1")
     {
        {$('area').qtip({
        content: {
            text: '<img src="dist/img/Green-Circle-Button-90786.gif"  height="20" width="20"/>'
        },
        position: {
             my: 'bottom center', 
             at: 'top center'
        },
        style: {
                classes: 'qtip-tipsy'
            },
            show: {
                 solo: false,
                 ready: true, // Show when ready (page load)
                }
            },
            hide: {
                event: false
            }
        });
     }
     else
     {
        $('area').qtip({
        content: {
            text: '<img src="dist/img/Red-Circle-Button-90782.gif"  height="20" width="20"/>'
        },
        position: {
             my: 'bottom center',  
             at: 'top center' 
        },
        style: {
                classes: 'qtip-tipsy'
            },
            show: {
                 solo: false,
                 ready: true // Show when ready (page load)
            },
            hide: {
                event: false
            }
        });
     }

});

问题是，工具提示总是出现在其他条件甚至warna的值== 1.有没有解决方案？