在jQuery中禁用工具提示

Posted 2021-04-27

我有一个想解决的小问题。

https://byobcreatubolso.com/producto/sario-sart/

我在我的js代码中启用了工具提示。

[当用户单击图像时，显示缩略图。我希望在加载页面时出现缩略图，而无需在图像上进行工具提示。

任何想法如何解决？谢谢。

jQuery(document).ready(function() {
    jQuery('.select-zone .seccion_imagen').css('cursor', 'pointer');
    jQuery('.iconic-was-swatches__label').css('cursor', 'pointer');
    jQuery('.js-toggle-next').css('cursor', 'pointer');
    //First hide elements
    jQuery('.variations .label label').hide();
    jQuery('.variations .value').hide();
    jQuery('.iconic-was-swatches__item').hide();
    // Show first level
    jQuery('.select-zone .seccion_imagen').on('click touchstart', function(event) {
        jQuery('.select-zone .seccion_imagen').removeClass('selected');
        jQuery(this).addClass('selected');
        jQuery('.variations .value').hide('slow');
        jQuery('.iconic-was-swatches__item').hide('slow');
        var elemento = jQuery(this).attr('id');
        jQuery('[for=' + elemento + ']').parent().next('.value').show('slow');
        jQuery('[for=' + elemento + ']').parent().next('.value').children('ul').children('.iconic-was-swatches__label:first').nextUntil('.iconic-was-swatches__label').css('display', 'inline-block');
    });

    // Show second level
    jQuery('.iconic-was-swatches__label').on('click touchstart', function(event) {
        jQuery('.iconic-was-swatches__label').hide();
        jQuery('.iconic-was-swatches__item').hide();
        jQuery(this).nextUntil('.iconic-was-swatches__label').css('display', 'inline-block');
    });

    // Get selected values and draw in rigth place
    jQuery(document).on('change', '.variations select', function() {
        var selectID = jQuery(this).attr('id'),
            selectedAttributte = jQuery(this).text(),
            selectedValue = jQuery(this).val(),
            CapitalValue = selectedValue.charAt(0).toUpperCase() + selectedValue.slice(1);
        console.log('Select id ' + selectID);
        console.log('Select attr ' + selectedAttributte);
        console.log('Selected value ' + selectedValue);

        jQuery('#js-selected-' + selectID).text(CapitalValue);
    });

    // Stamped text
    jQuery('.js-toggle-next').on('click', function(event) {
        jQuery(this).next('div').toggle('slow');
        jQuery(this).next('div').next('label').next('input').val('');
    });

    jQuery('.stamped-text-input').on('keyup', function() {
        if (!jQuery(this).val()) {
            jQuery('#js-stamped-text-selected-container').addClass('d-none');
            jQuery('#js-stamped-text-notice').addClass('d-none');
        } else {
            jQuery('#js-stamped-text-selected-container').removeClass('d-none');
            jQuery('#js-stamped-text-notice').removeClass('d-none');
            jQuery('#js-stamped-text-selected').text(jQuery(this).val());
            jQuery('#js-stamped-text-sniffer').val(jQuery(this).val());
        }
    });
   jQuery('[data-toggle="tooltip"]').tooltip()

   // TO-DO move add to cart to right side
   // jQuery('.single_variation_wrap').appendTo('#js-ad-to-cart');

   // Move price variation
   jQuery('.single_variation_wrap').on('change', function() {
        if (jQuery('form.variations_form').length !== 0) {
            var form = jQuery('form.variations_form'),
                variable_product_price = '';
            if (jQuery('.single_variation_wrap span.price span.amount').length !== 0) {
                if (jQuery('#summary .entry-summary p.price span.amount').text() !== variable_product_price) {
                    variable_product_price = jQuery('.single_variation_wrap span.price span.amount').html();
                    jQuery('#summary .entry-summary p.price').html('');
                    jQuery('#summary .entry-summary p.price').html(variable_product_price);
                }
            }
        }
    });

答案

您可以禁用所有元素的工具提示，并在需要它的元素上启用它。请尝试以下操作：

$('*').tooltip();

这将在所有元素上放一个工具提示。您也可以从所有元素中禁用工具提示：

$('*').tooltip('disable');

如果要特定元素，则选择它并启用/禁用它。这是这个网站上的一个问题，可能也对您有帮助：

Turn off jQuery UI tooltip for certain elements