【问题标题】:qtip persistent "tip"qtip 持久的“提示”
【发布时间】:2013-03-08 23:08:35
【问题描述】:

我试图让工具提示“持续”一段时间,直到或除非用户单击其他地方或将鼠标移到与工具提示关联的另一个锚点上。..

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

$(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
   }
            });

【问题讨论】:

  • 你发现你的问题了吗?
  • 我的解决方案无效或您没有尝试?

标签: javascript jquery qtip


【解决方案1】:

要让提示随页面滚动,您可以设置:

position: {
    adjust: { 
        scroll: true
    },

当提示失去焦点时,您已经在关闭提示,因此唯一需要完成的其他事情就是定时关闭提示。我的想法是在 show 事件中设置一个计时器来触发 qtip 的关闭。

        events: {

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多