為什么鼠標懸停在此Jquery代碼中不起作用？

Question

當用戶通過下拉選擇器懸停時，我需要向主體添加屬性。 這是我的代碼。

<select id="pa_cor" class="" name="attribute_pa_cor" data-attribute_name="attribute_pa_cor" "="" data-show_option_none="yes" >
    <option value="">Escolha uma opção</option>
    <option value="cinza" class="attached enabled">Cinza</option>
    <option value="rosa" class="attached enabled">Rosa</option>
    <option value="verde" class="attached enabled">Verde</option>
    <option value="vermelho" class="attached enabled">Vermelho</option>
</select>

JS

$('#pa_cor').change(function() {
    $('body').attr('produto', $(this).val());
});


// trigger the change event
$('#pa_cor').trigger('change');

我試圖將change(function()為mousehover(function()和hover(function()但是它們沒有用。

有人可以幫忙嗎？ 如有必要，我可以發送嘗試使用代碼的打印屏幕。

Answer 1

您是否考慮過使用.hover（）

$( "#pa_cor" ).hover(function() {
    // code
});

要么：

$( "#pa_cor" ).on("mouseover", function () {
    // code
});

當你說：

當用戶通過下拉選擇器懸停時

我認為您的意思是將鼠標懸停在“選擇下拉菜單”上？

Answer 2

嘗試這個。

$('#pa_cor').on('change', function() {
  alert( this.value );
})