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