javascript - qtip 持久的“提示”

Question

我试图使工具提示在特定时间内“持久”，直到或除非用户单击其他地方或将鼠标移到与工具提示关联的另一个锚点上。

基本上出现的工具提示将是“可滚动的”，因此用户需要能够滚动它......

$(this).qtip({  content: {
              text: 'wait.....',
              url: '<?php echo site_url('welcome/get_event_tooltip');?>',
              data: { id: tripID},
              method: 'post'


         },style: { 
      width: 300,
      height:135,
      padding: 5,
      //background: '#A2D959',
      color: 'black',
      overflow:'auto',
      textAlign: 'center',
      border: {
         width: 7,
         radius: 5
       //  color: '#A2D959'
      },
      tip: true,
      solo: true,
    show: { ready: true, delay: 0 },
  hide: {
        fixed: true,
        when: {
            event: 'unfocus'
        }
    },
      name: 'green' // Inherit the rest of the attributes from the preset dark style
   }
            });

Answer 1

要使提示随您的页面滚动，您可以设置：

position: {
    adjust: { 
        scroll: true
    },

当提示失去焦点时，您已经在关闭提示，因此唯一需要完成的另一件事就是定时关闭提示。我的想法是，show如果您可以设置一个计时器来触发 qtip 的关闭。

        events: {

            }, //render
            show: function () {
            //setup timer to close qtip......