无法实现盲效jQuery答案

【问题标题】：Can't implement blind effect jQuery无法实现盲效jQuery
【发布时间】：2014-10-26 09:13:02
【问题描述】：

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

我的代码与在聊天室中为新行添加新 div 相关，该代码运行良好，但是当我将 display:none 或 display:hidden 添加到 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 脚本

【问题讨论】：

你应该为动画效果加载额外的插件。
您是否包含了 jQuery UI 来启用此效果？ jqueryui.com/effect
当然——看看jsfiddle包括jquery和ui

标签： javascript jquery jquery-ui

【解决方案1】：

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

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

【讨论】：

该死的我试过了，虽然这是一个稍微复杂的例子。我认为可能 artm 有两种方式的答案
不，我撤回了该评论，它与切换无关，与显示有关：无；

【解决方案2】：

见http://jsfiddle.net/wmp26w97/2/

以display:none开头

并使用.toggle("blind"

【讨论】：