0

我在即将推出的项目中使用 SlabText ( http://www.frequency-decoder.com/demo/slabText/ )，该项目使用 jQuery 即时创建一些内容（即在文档就绪事件之后）。

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

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

我确定我很愚蠢并且缺少一些基本的东西，如果是这样，请提供建议。

感谢您的帮助！乔治

4

1 回答 1

1

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

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

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

更新 - -

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

改变这个

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

对此

$('#result .slab').slabText();
于 2013-01-16T16:21:03.420 回答