2013-02-18 64 views
0

我加載從使用jQuery負載頁面內容,我試圖限制字符,它允許在div量,我的功能工作,但只是偶爾,我不知道爲什麼。jQuery的限制字符數從.load

$('#violin_1_title').load('http://www.klossal.com/klossviolins/inventory.html .violin:first .about .about_txt .about_summary h3:eq(1)', function() { 

    $(".txt_limit").text($(this).text().substr(0, 450)+'...'); 

}); 

回答

0

您從服務器獲得的輸出是HTML。所以,在這種情況下,你需要獲得的全部內容,然後將其轉換爲文本/ HTML輸出和需要應用的子輸出。

$('#violin_1_title').load('http://www.klossal.com/klossviolins/inventory.html .violin:first .about .about_txt .about_summary h3:eq(1)', function(data) { 

    $(".txt_limit").text(data.substr(0, 450)+'...'); 

}); 

如果你的罰款與CSS這樣做,如果是一條線的事情,你可以做到這一點的方法:

.txt_limit { 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
} 
+0

我的壞,它的工作,但它有同樣的問題上面的解決方案,它的帖子字面上整個頁面,它不再裝載的片段。 – loriensleafs 2013-02-18 05:05:57

+0

查看第二個實現。 – 2013-02-18 06:43:41

1

嘗試用

$('#violin_1_title').load('http://www.klossal.com/klossviolins/inventory.html .violin:first .about .about_txt .about_summary h3:eq(1)', function(response) { 

    $(".txt_limit").text(response.substr(0, 450)+'...'); 

}); 

它使用參數在具有來自服務器的響應數據的回調函數中。

+0

所以我做到這一點不加載片段了時,從字面上加載整個頁面。 – loriensleafs 2013-02-18 04:58:19

+0

限制工作正常,只是沒有內容物充填 – loriensleafs 2013-02-18 04:58:41

0

我相信.txt_limit是動態加載的元素,那麼你應該.find()它在現有的父:

$('#violin_1_title').find(".txt_limit").text().substr(0, 450)+'...'; 

或本:

$(".txt_limit","#violin_1_title").text().substr(0, 450)+'...';