Question

我是stackoverflow和Jquery的新手，所以我想提前为我的缺乏经验/天真道歉。

所以基本上我试图在按钮处于mouseEnter状态时显示div。

这是我对Jquery的尝试......

$('#main-button-btn-cart').bind('mouseenter', function() {
    var $select_button = $('#select-product-reminder');

    $select_button.style.display = 'inline-block';
});

并且HTML是......

  <div id="select-product-reminder" style="width:200px; height:30px; background-color:#F00; display:none;">Please Choose an Item</div>
    <button type="button" id="main-button-btn-cart" title="<?php echo $this->__('Add to Cart') ?>" class="button btn-cart" onclick="productAddToCartForm.submit()">
      <?php echo $this->__('+ADD TO CART') ?>
    </button>

由于某种原因，此代码不起作用。但是，请注意，如果我在绑定功能中包含警告框，则会显示警告框。

提前感谢任何输入！

Answer 1

你可以这样做：

$('#main-button-btn-cart').bind('mouseenter', function() {
    $('#select-product-reminder').show();
});

你也可以这样做

$('#main-button-btn-cart').onmouseenter(function() {
    $('#select-product-reminder').show();
});

onmouseenter是一个捷径，而不是调用绑定函数

Answer 2

这应该可以解决问题;

$('#main-button-btn-cart').mouseenter(function() {
    var $select_button = $('#select-product-reminder');
    $($select_button).css('display','inline-block');
});

或者你可以取消var;

$('#main-button-btn-cart').mouseenter(function() {
    $('#select-product-reminder').css('display','inline-block');
});

点击更新;

$('#main-button-btn-cart').mouseenter(function() {
  $('#select-product-reminder').css('display','inline-block');
  $(this).click(function() {
    alert('You clicked the button');
  });
});

Answer 3

我会使用看起来像这样的东西： $（'＃main-button-btn-cart'）。live（'mouseenter'，function（）{ $（ '＃选择 - 产品 - 提醒'）显示（）;
}）;

MouseEnter问题上的简单Jquery显示

3 个答案: