为什么mousehover在这个Jquery代码中不起作用?

时间:2017-02-28 14:12:05

标签: javascript jquery

当用户通过下拉选择器悬停时,我需要向body添加属性。 这是我的代码。

<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(),但它们无效。

有人可以帮忙吗? 如果有必要,我可以发送我正在尝试使用代码的版画屏幕。

2 个答案:

答案 0 :(得分:0)

您是否考虑过使用.hover()

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

或:

abstract class SomeActor(.....) extends Actor with ActorLogging {

  def receive = {
    case Message1 =>
    case Message2 =>
    case Message3 =>
  }
}

当你说:

  

当用户通过下拉选择器悬停时

我认为你的意思是将鼠标悬停在Select Drop Down上?

答案 1 :(得分:-3)

试试这个。

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