Jquery kullanarak bir pozisyonda görüntülenen karakter miktarını sınırlamak için bir yol arıyorum. Esasen başlık veritabanından retreived ama ben sadece sonuçları çok çıkışını sınırlayan veya çok aşağı itiliyor aşağıda görüntüleri durdurmak için kısaltmak istiyorum bir dizi genişliği bir satırda göstermek istiyorum.
Live example Yani, biraz aşağı kaydırın ve 2 ya da 3 hatları uzun görüntüleri başlıkları göreceksiniz şeyi göstermelidir takip.
Birisi yardımcı olabilir umut!!
T. Taş dediği gibi PHP ile Trim, çalışacak, ama size bir başlık veya arka ucunun ön ucunu kırpmak istiyorsanız anlamaya olurdu. Lots of examples. benim kendi wordpress sitesinde başlıkları ile Döşeme kullanın. Bu the_title yerine, bir post başlıktan ilk 13 karakterleri kırpar.
<?php $mytitle = get_the_title(); $mytitle = substr($mytitle,13); echo $mytitle; ?>
Dan, aradığınız ne hakkında biraz kafam karıştı, ama bazı kod belli bir alanın karakter uzunluğunu kesilmesini istediğiniz gibi geliyor. Muhtemelen o sunucu tarafı işlemek için daha iyi olurdu - Ben bu soruyu PHP etiketli fark ettim. Eğer jQuery kullanarak hazırsınız Ancak, bunu yapmak için kolay bir yolu muhtemelen var.
Anlamaya önemli şey, ne desen sen (yani jQuery seçicisi ne tür istediğiniz etiketleri seçmek için yazacağım) sayfa içinde alan etiketleri belirlemek için kullanmak olacak mı? Aşağı bir zamanlar, javascript en. Dilim () işlevi, istediğinizi elde edersiniz.
Yani burada bir örnek. Bağlı sayfasında dayanarak, biz bir liste öğesinin doğrudan çocuğu olan bir çapa etiketinin doğrudan bir çocuk herhangi bir span etiketi seçerek alan çıkışını seçmek olabilir söylemek için gidiyorum.
$('li > a > span')
Sonra biz, yayılma içeriğini kapmak genişliğini kontrol ve gerekiyorsa kesebilir.
(untested, but gives the idea)
<script type="text/javascript">
var MAX_TITLE_LENGTH = 75;
// on page load...
$(function() {
truncateImageTitles();
});
function truncateImageTitles() {
$('li > a > span').each(
if (this.text().length > MAX_TITLE_LENGTH)
this.text(this.text().slice(0,MAX_TITLE_LENGTH));
);
}
</script>