如何将BOOTSTRAP .hide工具提示与其他代码搭配使用?

时间:2019-02-21 15:05:27

标签: bootstrap-4 jquery-ui-tooltip

我遵循了创建BOOTSTRAP收费提示的这一步骤,如何将这两个分开的代码合并为一个? https://jsfiddle.net/wraihan/yna3rpn3/?utm_source=website&utm_medium=embed&utm_campaign=yna3rpn3

(function($) {
  'use strict'

  $(function() {

    $('.clip').before('<button class="btn btn-primary button-demo" data-clipboard-target><i class="fa fa-copy"></i></button>')
    $('[data-clipboard-target]')
      .tooltip({
        title: 'Copy to clipboard',
        placement: 'left',
      })

    var clipboard = new Clipboard('[data-clipboard-target]', {
      target: function(trigger) {
        return trigger.nextElementSibling
      }
    })

    clipboard.on('success', function(e) {
      e.clearSelection()
      $(e.trigger)
        .attr('data-original-title', 'Copied!')
        .tooltip('show')
        .blur()
        .attr('data-original-title', 'Copy to clipboard')
    })

    clipboard.on('error', function(e) {
      var modifierKey = /Mac/i.test(navigator.userAgent) ? '\u2318' : 'Ctrl-'
      var fallbackMsg = 'Press ' + modifierKey + 'C to copy'

      $(e.trigger)
        .attr('data-original-title', fallbackMsg)
        .tooltip('show')
        .blur()
        .attr('data-original-title', 'Copy to clipboard')
    })

  })

}(jQuery))

我的代码:

function hideTooltip(clip) {
  setTimeout(function() {
    $(clip).tooltip('hide');
  }, 1000);
}

0 个答案:

没有答案