15 AĞUSTOS 2010, Pazar
Kullanarak jQuery UI otomatik tamamlama HTML
12* 1.8.4 *JSON dizi HTML kullanabilirim önce bir otomatik tamamlama ile çalışmak için inşa ettim.
Yapacak bir iş başardı:
$row_array['label'] = '<span style="color: red; font-family: courier;">User, Name</span>';
Bu açılan kırmızı metin olarak ortaya çıktı.
1.8.4 o çalışmıyor. Benimle özel HTML örnek, hiç şans vardı here kullanmak için söyler http://dev.jqueryui.com/ticket/5275 buldum.
Nasıl öneri göstermek için HTML alma konusunda gidebilir miyim?
Benim bir WordPress kullanmak
<script type="text/javascript">
$(function() {
$("#findUserIdDisplay").autocomplete({
source: "ui_autocomplete_users_withuname.php",
minLength: 2,
select: function(event, ui) {
$('#findUserId').val(ui.item.id);
}
});
});
</script>
JSON benim dizi aşağıdaki gibi HTML içerir:
[{"label":"<span style="color: red";>User, Name</span>","value":"User, Name","id":"10"}]
CEVAP
16 AĞUSTOS 2010, PAZARTESİ
Sizin için bu kodu ekleyin:
).data( "autocomplete" )._renderItem = function( ul, item ) {
return $( "<li></li>" )
.data( "item.autocomplete", item )
.append( "<a>" item.label "</a>" )
.appendTo( ul );
};
Kodunuz oluyor:
<script type="text/javascript">
$(function () {
$("#findUserIdDisplay").autocomplete({
source: "ui_autocomplete_users_withuname.php",
minLength: 2,
select: function (event, ui) {
$('#findUserId').val(ui.item.id);
return false;
}
}).data("ui-autocomplete")._renderItem = function (ul, item) {
return $("<li></li>")
.data("item.autocomplete", item)
.append("<a>" item.label "</a>")
.appendTo(ul);
};
});
</script>
Not:Jqueryuı eski sürümleri .data("autocomplete")"
yerine .data("ui-autocomplete")
kullanın
Bunu Paylaş:
Bağlama jQuery otomatik tamamlama kull...
Nasıl sadece sayısal (0-9) HTML ınputb...
W3C geçerli bir şekilde bir HTML biçim...
HTML elemanları jQuery kullanarak oluş...
Nasıl jQuery kullanarak HTML varlıklar...