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......

qtip持久的“小费”

1 个答案: