JQuery .on ("mouseover") yöntemi IE için çalışmıyor

Question

Mouseover'da dinamik olarak doldurulmuş seçim seçeneği için değer döndürmeye çalışıyorum. Kimlik tarafından söyleyebileceğiniz gibi, seçim seçeneği bir ASP.NET liste kutusu tarafından oluşturulur.

$("#MainContent_LocationListBox").on("mouseover", "option", function() { 

    alert($(this).val()); 
}); 

Bu yöntem Chrome'da çalışır ama hiç şans ile benzer sorunlar için diğer halklar çözümleri çalışıyorlar değil IE 11

. Ben denedim ne

: (şu anda 1.8.3) JQuery ait

• farklı sürümleri
• .live yöntem
• $(document).on("mouseover", "option", function()
• $("#MainContent_LocationListBox option").on("mouseover", null, function()
• seçkin seçenekler arasında döngü ve bağlayıcı Her bir
• eki <meta http-equiv="X-UA-Compatible" content="IE=edge"> (advi buldum birkaç makale ce)

Ayrıca çok tutarsız bir şekilde çalışan $("#MainContent_LocationListBox option:hover").val() denedim.

Internet Explorer hata ayıklamayı açtım, ancak hiçbir hata döndürülmedi.

Answer 1

Sen mousemove yerine mouseover kullanabilirsiniz.

GÜNCELLEME: Aşağıdaki kod Internet Explorer, Firefox ve Chrome çalışır Windows 10 test başarısız beri bir öneri here vermek sonrasında düzenlediği setTimeout çağrıyı ekledi:

$(document).ready(function() { 
    var prevValue = null; 

    $("#MainContent_LocationListBox").mousemove(function() { 
     setTimeout(function() { 
      var val = $('option:hover', $("#MainContent_LocationListBox")).val(); 

      if (typeof val !== 'undefined') { 
       if (val !== prevValue) { 
        console.log(val); // To be replaced by actual processing 
        prevValue = val; 
       } 
      } 
      else { 
       prevValue = null; 
      } 
     }, 0); 
    }); 
}); 

fareyi ayıklama olayları, konsoldaki (F12 ile görüntülenebilir) kayıt değerlerini alert kutularını açmayı tercih ederim.

Answer 2

Seçme seçeneğine olay temsilcisi ekleme yerine, seçime ekleyin. Bunun yerine

$("section").on("mouseover", "#MainContent_LocationListBox", function() { 
    alert($(this).val()); 
}); 

Edit olay heyet olurdu eğer

$("#MainContent_LocationListBox").on("mouseover", function() { 
    alert($(this).val()); 
}); 

Veya: Sana bir seçme kutusundan değerini almak nasıl mistunderanding düşünüyorum. JQuery ile seçim kutusunda $('select').val()'u kullanabilirsiniz. jQuery .sistem() ile olay heyeti üzerinde

fazla bilgi http://api.jquery.com/on/