SORU
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ş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Awesomesauce Network

    Awesomesauce

    4 EKİM 2012
  • Motor Trend Channel

    Motor Trend

    11 Mart 2006
  • Mr. H

    Mr. H

    1 Temmuz 2012