2013-02-18 65 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)+'...';