SlabText爲負載隱藏的內容，然後通過JS顯示

我在即將推出的項目中使用SlabText（http://www.frequency-decoder.com/demo/slabText/），該項目正在使用jQuery在即時創建一些內容（即在doc ready事件之後）。SlabText爲負載隱藏的內容，然後通過JS顯示

具體來說，在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的引導&的「隱藏」類設置父DIV （#result）爲display: none。一旦表單被提交，我把這個div設置爲display: block（通過JS），但沒有喜悅。我也嘗試在我的JS函數中（即更改顯示後）再次包含一行來處理slabText：$('#result').slabText();唉，這仍然不起作用。

我創建了一個的jsfiddle更好地展現這個問題：http://jsfiddle.net/YeZfd/

我敢肯定，我愚蠢&缺少一些基本的東西，如果是的話請告知。

感謝您的幫助！ George

來源

2013-01-16 Sheixt

沒有看到您的實際代碼，您應該可以將slabText調用添加到'success'下的ajax設置。如下圖所示：

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

更多信息，請參見.ajax documentation。

UPDATE ---

感謝您的例子。這個問題似乎是在#results DIV中，你試圖在父容器上運行slabText，而不是實際的文本。

更改此

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

對此

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

來源

2013-01-16 16:21:03 Batfan

嗨@Batfan，感謝您的建議。我意識到我可以包含一個更好的例子。因此，我創建了一個JSFiddle來突出顯示問題：http://jsfiddle.net/YeZfd/正如您將看到的，問題不在於它不起作用，而是插件顯示內容以非常奇怪的方式。 – Sheixt

你是對的......我絕對需要停止loooooong發展會議，它會出現我看不到從樹上的木材！謝謝你的幫助。 – Sheixt

SlabText爲負載隱藏的內容，然後通過JS顯示

回答

相關問題