Jquery 加载时隐藏的内容的SlabText&;然后通过JS显示

Jquery 加载时隐藏的内容的SlabText&;然后通过JS显示,jquery,jquery-plugins,Jquery,Jquery Plugins,我正在一个即将到来的项目中使用SlabText(),该项目使用jQuery动态创建一些内容(即在docready事件之后) 具体来说,在提交AJAX表单之后,我想显示一条感谢消息。虽然理论上这一切都相当简单,但SlabText并没有以其通常的酷方式处理隐藏内容。它处理我所有的标题,除了加载页面时隐藏的标题 这是我的密码: <div id="result" class="container hide"> <div class="row"> <d

我正在一个即将到来的项目中使用SlabText(),该项目使用jQuery动态创建一些内容(即在docready事件之后)

具体来说,在提交AJAX表单之后,我想显示一条感谢消息。虽然理论上这一切都相当简单,但SlabText并没有以其通常的酷方式处理隐藏内容。它处理我所有的标题,除了加载页面时隐藏的标题

这是我的密码:

<div id="result" class="container hide">
    <div class="row">
        <div class="span7">
            <h2 class="slab">
                <span class="slabtext">Thanks!</span>
            </h2>
        </div>
        <div class="span5">
            <h2 class="slab">
                <span class="slabtext">We'll be in touch</span>
                <span class="slabtext">very soon</span>
            </h2>
        </div>
    </div>
</div>

谢谢
我们会联系的
很快
我使用Twitter的Bootstrap&hide类将父div(#result)设置为
display:none
。提交表单后,我将此div设置为
display:block
(通过JS),但没有joy。 我还尝试在我的JS函数中包含一行以再次处理slabText(即在更改显示之后):
$(“#result”).slabText()唉,这仍然不起作用

我创建了一个JSFIDLE来更好地显示这个问题:

我肯定我很愚蠢&遗漏了一些基本的东西,如果是的话,请给出建议

谢谢你的帮助!
George

在看不到实际代码的情况下,您应该能够在“成功”下向ajax设置添加slabText调用。如下图所示:

success: function(data){
    $('#result').slabText();            
});
有关更多信息,请参阅

更新---

谢谢你的例子。问题似乎是在
#results
DIV中,您试图在父容器上运行slabText,而不是实际的文本

改变这个

$('#result').slabText();
对此

$('#result .slab').slabText();

嗨@Batfan,谢谢你的建议。我意识到我本可以在这个问题上举一个更好的例子。因此,我创建了一个JSFIDLE来突出显示问题:正如您将看到的,问题并不在于它不能正常工作,而是插件以一种非常奇怪的方式显示内容。您是对的。。。我肯定需要停止Looooong开发会议,看起来我从树上看不到木头!谢谢你的帮助。