javascript - 无法实现jQuery盲效果

Question

我有这种盲目效果的工作示例，当然它们工作得很好，但我似乎无法将其适应我的代码。我已经提取了相关部分，因此看起来有点奇怪。

我的代码是为聊天室中的新行添加一个新的div，代码运行良好，但是当我添加 display:none 或 display:隐藏到div，然后$.show它，它不使用盲效果。

这是 jsfiddle:http://jsfiddle.net/chrisadmin/wmp26w97/1/

这是代码:

var ngcClientTag = 999;
var innerHtml = '<div style="position:relative; display:hidden; font-size:50px;" id="s_m_' + ngcClientTag + '"></div><div style="clear:both"></div>';

var message = "heeeeeeelllllllllloooooooooooooooooooooooooo";

$("#newMsg").append(innerHtml);
$("#s_m_" + ngcClientTag).text(message).show("blind", {
    direction: "vertical"
}, 3000);

[编辑]jsfiddle 示例中包含的 jquery 和 jqueryui 脚本

Answer 1

将 display:hidden 更改为 display:none 后，它对我来说效果很好。

http://jsfiddle.net/wmp26w97/3/