来自jQuery的成功消息

Question

我有成功和错误的图像，我需要显示来自我的jQuery的成功消息，比如，

我需要在标签控件中这样显示，我创建了一个名为“success”的css类，如果我可以从我的jQuery调用这个类，我可以显示这个图像，是否有可能，任何人都可以帮助我。

如果我使用"alert("Changes saved successfully.");"之类的提醒，我可以获得警告框，但我需要做的是在标签控件中我需要显示此成功图像以及"Changes saved successfully."文本。< / p>

我尝试过像lblMessageBox.html("addClass","success" + "Changes saved successfully.")，它不能正常工作

Answer 1

@Shanish，你显然正在努力，所以这里有一些东西让你开始。

假设您有一个message容器，如下所示：

<div id="message">
    <img src="" /><span></span>
</div>

容器不需要是div。它同样可以是p，span，td或th。

样式表中的某些css指令将提供背景颜色，字体大小，填充，边距等。

现在，要设置任何图像/消息，您可以执行以下操作：

function setMessage(imgSrc, text, duration) {
    imgSrc = String(imgSrc) || '';
    text = String(text) || '';
    duration = Number(duration) || 0;
    var $message = $("#message");
    var fn = (imgSrc === '') ? 'hide' : 'show';
    $message.fadeIn('fast').find("span").text(text).end().find('img').attr('src', imgSrc)[fn]();
    if(duration && !isNaN(duration)) {
        setTimeout( function(){$("#message").fadeOut('fast')}, duration );
    }
}

你可以这样调用这个函数：

setMessage('green_tick.png', 'Changes saved successfully', 3000);

请参阅DEMO - 根据需要进行调整，以获得您想要的内容。