设置一个变量作为一个函数内qtip内容的内容

Question

我用这：

// Built title error 
    function showUsernameError() { 
    $('.addbuildtitle').css('border', 'solid 2px red'); 
    // Show error qTip 
    $('#addbuildtitle').qtip({ 
    content: { 
     text: 'Please enter a build title' 
    }, 
    show: '', 
    style: { 
    classes: 'qtip-red qtip-shadow' 
    }, 
    position: { 
    my: 'top center', // Position my top left... 
    at: 'bottom center', // at the bottom right of... 
    target: $('#addbuildtitle') // my target 
    }, 
    hide: { 
     event: 'unfocus' 
    } 
    }).qtip('show'); 
    } 

我目前做的是在我的Ajax调用：

if (response.emptyTitle === true) { 
     showUsernameError(); 
    } 

其中一期工程，但有可是多个错误消息。

我想尝试在ajax响应中设置qTip内容文本。

我曾尝试：

if (response.emptyTitle === true) { 
     var errorMessage = 'Test'; 
     showUsernameError(); 
    } 

然后将此功能设置为：

// Built title error 
function showUsernameError() { 
    $('.addbuildtitle').css('border', 'solid 2px red'); 
    $('#addbuildtitle').qtip({ 
    content: { 
     text: errorMessage 
    }, 
    show: '', 
    style: { 
    classes: 'qtip-red qtip-shadow' 
    }, 
    position: { 
    my: 'top center', // Position my top left... 
    at: 'bottom center', // at the bottom right of... 
    target: $('#addbuildtitle') // my target 
    }, 
    hide: { 
     event: 'unfocus' 
    } 
    }).qtip('show'); 
} 

但是，这并不工作，这只是我的js缺乏知识。我相信它很简单，我只是无法弄清楚。

谢谢！

Answer 1

需要将参数传递到我的函数中，例如

function showTitleError(errorMessage) { 
    $('.addbuildtitle').css('border', 'solid 2px red'); 
    $('#addbuildtitle').qtip({ 
     content: { text: errorMessage }, 
     show: '', 
     style: { classes: 'qtip-red qtip-shadow' }, 
     position: { my: 'top center', at: 'bottom center', target: $('#addbuildtitle') }, 
     hide: { event: 'unfocus' } 
    }).qtip('show'); 
} 

，然后调用函数时做到：

errorMessage = 'My Error Message'; 
showTitleError(errorMessage);