Question

我已经找到了这种盲目效果的工作示例，当然它们工作正常，但我似乎无法使其适应我的代码。我已经提取了相关的位，所以它看起来有点奇怪。

我的代码是在聊天室中为新行添加新div，代码效果很好，但是当我向div添加display:none或display:hidden时$.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/

Answer 2

请参阅http://jsfiddle.net/wmp26w97/2/

从display:none

开始

并使用.toggle("blind"

无法实现jQuery的盲目效果

2 个答案: