为什么鼠标悬停在此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 );
})