javascript - 在 jquery 中隐藏单击按钮时的工具提示

标签 javascript jquery html

我有一个工具提示,但它无法在单击按钮时隐藏。

这是我的按钮:

<button class="btn btn-outline-inverse ajax_addtocart additems                                                                             
         data-toggle="tooltip" title="Add to cart"                                                                                         
         id="<?php echo $item->id ?>">
    <i class="fa fa-shopping-cart"></i>
    <span class="select_options">Add to cart</span>
</button>

这是点击按钮:

$("button.additems").click(function(e){ //user clicks form submit button
    e.preventDefault();
    var button = $(this);
    var form_data = $(this).attr("id"); //prepare form data for Ajax post
    button.prop('disabled', true); //Loading button text //change button text

     .............. Continues to do ajax after ajax request
 button.prop('disabled', false)

工具提示保持显示状态。

我试过添加

button.tooltip('hide')   //this also fails

我也试过this

最佳答案

如果您使用的是 jQuery UI tooltip ,你有没有试过close方法?

button.tooltip('close');

关于javascript - 在 jquery 中隐藏单击按钮时的工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41226379/

相关文章:

javascript - 在 CSS/jQuery 中的旋转元素上保持相同方向的阴影

jquery - 使用 css 或 jquery 隐藏标签和输入字段

html - 如何在CSS中定义多个类的悬停事件?

javascript - 这行Js代码到底是做什么的呢?

javascript - 如何循环遍历每个列表并在其中添加本地存储的项目

javascript - 如何使用 JQuery 更改选择器所在的 div 中的字符串?

jquery - 仅使用 CSS 和 HTML 创建透明图像

JavaScript:带有下拉菜单的动态导航栏会扰乱下拉元素的宽度

javascript - 我们如何使用 css 将 slider 设置为背景图片?

javascript - 用于表单的 Google Apps 脚本,生成唯一 ID 号