Question

我正在即将推出的项目中使用SlabText（http://www.frequency-decoder.com/demo/slabText/），该项目使用jQuery动态创建一些内容（即在doc ready事件之后）。

具体来说，在提交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＆amp; 'hide'类将父div（#result）设置为display: none。提交表单后，我将此div设置为display: block（通过JS），但没有快乐。我还尝试在我的JS函数中再次包含一行来处理slabText（即更改显示后）：$('#result').slabText();唉这仍然不起作用。

我已经创建了一个JSFiddle来更好地展示这个问题：http://jsfiddle.net/YeZfd/

我确定我是傻瓜＆amp;缺少一些基本的东西，如果是的话请告知。

感谢您的帮助！乔治

Answer 1

如果没有看到您的实际代码，您应该能够将slabText调用添加到“success”下的ajax设置中。如下所示：

success: function(data){
    $('#result').slabText();            
});

有关详细信息，请参阅.ajax documentation。

更新---

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

更改此

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

到此

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

用于隐藏在负载上的内容的SlabText＆amp;然后通过JS显示

1 个答案: