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);

将变量设置为函数中qtip内容的内容

1 个答案: