2010-04-30 19 views
8

Otomatik tamamlama için JQuery UI Demo sayfası (link) güzel görünümlü bir arama kutusuna sahip ve güzel renkler ve vurgularla ve benzeri öğelerle birlikte açılır. Bunu kendim için uyguladığımda, madde işaretli bir listeyle bitiriyorum. Onların önerilerine göre benim düşüğümden nasıl vazgeçebilirim?JQuery UI Otomatik tamamlama, madde işareti olarak gösteriliyor

birkaç not/kod parçaları:

  • Ben .NET topraklarda çalışıyorum, bu yüzden ev sahipliği jquery.min.js almak içindeki <asp:ScriptReference> s ile <asp:ScriptManager> etiketi kullanıyorum (1.4 .2) ve Google'dan jquery-ui.min.js (1.8.1) dosyaları.
  • My giriş kutusu oldukça basittir: konu bu değil bu yüzden, geri doğru veri elde $(""#terms"").autocomplete({source:""GetAttributesJSON.aspx"",minLength:2});

: gibi <div class='ui-widget'> <label for="terms">Term: </label> <input id="terms" class="ui-autocomplete-input"> </div>

  • Benim otomatik tamamlama görünüyor. Ben sadece fantezi grafik istiyorum. Herhangi bir düşünce çok takdir edilecektir.

  • +8

    ayrıca jQuery UI CSS dosyaları bağlantı Are içerir? – Zack

    +0

    @awshepard - bir tema oluşturun ve şunları ekleyin: http://jqueryui.com/themeroller/ ve problem çözüldü. UI CSS'siz tipik LIs – karim79

    cevap

    10

    Karim79 ve Zack, listeyi şekillendirmeniz gerektiğini belirttiğinden bahsetti. Kendi temanızı oluşturabilir ve indirebilirsiniz. Daha fazla bilgi here bulunabilir. İsteğe bağlı olarak, önceden oluşturulmuş birçok temadan birini kullanabilir ve bunun yerine belgenize ekleyebilirsiniz. Sadece Jquery Download Page'a gidin ve istediğiniz temayı seçin.

    Sonra sadece .css dosyasını

    <link type="text/css" href="http://yourwebsite.com/css/ui-lightness/jquery-ui-1.8.custom.css" rel="stylesheet" /> 
    
    +0

    gibi görünüyorlar. Teşekkürler! – awshepard

    İlgili konular