[英]Why mousehover don't work in this Jquery code?
I need to add a attribute to body when users hover by a dropdown selector. 当用户通过下拉选择器悬停时,我需要向主体添加属性。 This is my code. 这是我的代码。
<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 JS
$('#pa_cor').change(function() {
$('body').attr('produto', $(this).val());
});
// trigger the change event
$('#pa_cor').trigger('change');
I tried to change the change(function()
to mousehover(function()
and hover(function()
but they didn't work. 我试图将change(function()
为mousehover(function()
和hover(function()
但是它们没有用。
Can anyone help? 有人可以帮忙吗? If necessary I can send printscreen that I'm trying to use the codes. 如有必要,我可以发送尝试使用代码的打印屏幕。
Have you considered using the .hover() 您是否考虑过使用.hover()
$( "#pa_cor" ).hover(function() {
// code
});
or: 要么:
$( "#pa_cor" ).on("mouseover", function () {
// code
});
When you say: 当你说:
when users hover by a dropdown selector 当用户通过下拉选择器悬停时
I assume you mean hover over the Select Drop Down? 我认为您的意思是将鼠标悬停在“选择下拉菜单”上?
Try this. 尝试这个。
$('#pa_cor').on('change', function() {
alert( this.value );
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.