-4

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

在此处输入图像描述

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

如果我使用 alert like "alert("Changes saved successfully.");"，我可以获得警告框，但我需要在标签控件中显示此成功图像和"Changes saved successfully."文本。

我试过lblMessageBox.html("addClass","success" + "Changes saved successfully.")了，它不起作用

4

1 回答 1

2

@Shanish，你显然在苦苦挣扎，所以这里有一些东西可以帮助你入门。

假设您有一个message类似这样的容器：

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

容器不需要是 div。它同样可以是 ap、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);

请参阅演示- 根据需要进行调整以获得您想要的。

于 2012-05-14T11:22:55.383 回答