2016-03-25 15 views
2

Seçtiğim girişlerime işlevsellik eklemek için Brian Reavis'in mükemmel Selectize.js dosyasını kullanıyorum.Vurgulu olayı seçmek için seçim kutusunu seç

Ancak kullanıcı, fareyi seçili bir seçeneğin üzerine getirdiğinde bir olay işleyicisi eklemeye çalışıyorum. Bu tür etkinliklerde API'da belgelenen hiçbir olay göremiyorum. Ben class = "seçeneğine

class = "seçeneği" Sınıf değişiklikler her seçeneği üzerinde benim fareyi hareket ettirdikçe bu selectize bu

<div data-value="my value" data-selectable="" class="option">my label</div> 

ve bunun gibi kendi div'leri oluşturulan görebilirsiniz

aktif "ve tekrar geri.

Ancak bu olaylara kendi işleyicimi ekleme yolunu göremiyorum. Lütfen birileri yardım edebilir.

Çok teşekkürler

Alec

cevap

3

.selectize-dropdown-content

$('.selectize-control').on('mouseenter', '.selectize-dropdown-content div', function() { 
 
    alert($(this).text()) 
 
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.1/css/selectize.min.css" rel="stylesheet" /> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.1/js/standalone/selectize.min.js"></script> 
 

 
<div class="control-group"> 
 
    <select id="select-beast" class="demo-default" placeholder="Select a person..."> 
 
    <option value="">Select a person...</option> 
 
    <option value="4">Thomas Edison</option> 
 
    <option value="1">Nikola</option> 
 
    <option value="3">Nikola Tesla</option> 
 
    <option value="5">Arnold Schwarzenegger</option> 
 
    </select> 
 
</div> 
 
<script> 
 
    $('#select-beast').selectize({ 
 
    maxItems: 3 
 
    }); 
 
</script>

+0

teşekkür iç div üzerinde mouseenter kullanın. Tam olarak ihtiyacım olan buydu. – user3069804

İlgili konular