5 AÄžUSTOS 2013, PAZARTESÄ°
Twitter'da CSS sorunu Bootstrap 3 ile Önerileri
Bootstrap 3 sürümü ile. Önerileri bu yana kaldırıldı:
https://github.com/twitter/typeahead.js
Entegre uzaktan başarılı bir şekilde veri alma Ive
ama otomatik tamamlama ile olan sorunu Im
gördüğünüz gibi iki metin ve metin üzerinde orada ortaya çıkıyor.
Ama ÅŸans belgelerinde dediÄŸi gibi css (https://github.com/jharding/typeahead.js-bootstrap.css) dahil ettik.
herhangi bir yardım veya öneri mutluluk duyacağız.
jsfiddle sorunu gösteren:
http://jsfiddle.net/KrtB5/
HTML
<body>
<div class="container">
<label>State</label> <input type="text" class="typeahead form-control" />
</div>
</body>
Javascript:
$('.typeahead').typeahead({
name: 'Some name',
local: ['test', 'abc', 'def']
})
CEVAP
5 AÄžUSTOS 2013, PAZARTESÄ°
EDİT: Bootstrap 3.0 için Güncellendi EDİT 2: Arama Önerileri değiştirildi. Yeni jsfiddle bakın
Etrafında kontrol formu gibi görünüyor stili ile oynadıktan sonra sınıf oldukça çizgi tt-ipucu vermiyor. Emin kenar boşlukları ve sınırları sıraya çıkardım. . Nguyen cevabı alıyor ve border-radius ekleme ve giriş-küçük desteği giriş-büyük/
CSS
.twitter-typeahead .tt-hint
{
display: block;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
border: 1px solid transparent;
border-radius:4px;
}
.twitter-typeahead .hint-small
{
height: 30px;
padding: 5px 10px;
font-size: 12px;
border-radius: 3px;
line-height: 1.5;
}
.twitter-typeahead .hint-large
{
height: 45px;
padding: 10px 16px;
font-size: 18px;
border-radius: 6px;
line-height: 1.33;
}
Giriş-küçük Script giriş-büyük/
$('.typeahead.input-sm').siblings('input.tt-hint').addClass('hint-small');
$('.typeahead.input-lg').siblings('input.tt-hint').addClass('hint-large');
Güncelleştirilmiş jsfiddle: http://jsfiddle.net/KrtB5/340/
Bunu PaylaÅŸ:
AYNI ETÄ°KETTEKÄ° VÄ°DEOLAR
YORUMLAR
SPONSOR VÄ°DEO
Rastgele Yazarlar
-
★ByScrapiâ
27 AÄžUSTOS 2013 -
0TACTICAL0HI
30 EYLÃœL 2012 -
ipsy Makeup
19 ÅžUBAT 2009