Question

我正在使用qTip2来处理我网站上的一些工具提示。我在其适用的页面的模板中有以下代码：

HTML

<div class="overview"><a href="#"><img class="border-gray" src="src.jpg"></a></div>
<div class="estimate"><a href="#"><img class="border-gray" src="src.jpg"></a></div>
<!-- More HTML similar to above -->

JS

$('.overview').qtip({
  content: 'Overview',
  position: {
    my: 'bottom center', 
    at: 'top center'
  },
   style: {classes: 'qtip-tipsy'}
});
$('.estimate').qtip({
   content: 'Estimating',
   position: {
     my: 'bottom center', 
  at: 'top center'
  },
   style: {classes: 'qtip-tipsy'}
});
//More JS as above

在单个页面上，如果类与页面相关，我希望工具提示可见。 IE：site.com/overview会有overview类始终可见的工具提示。与site.com/estimate一样，工具提示estimate可见。

我试图将此代码添加到页面中，但它不起作用：

$('.overview').qtip({
   hide: false
});

我所追求的是当页面加载时，工具提示是可见的。不需要鼠标等。可见的工具提示取决于可见的页面。 IE：/overview = .overview工具提示。

我怎样才能做到这一点？

更新

以下代码将实现我的目标：

$('.overview').qtip({
   content: 'Overview',
   position: {
     my: 'bottom center', 
     at: 'top center'
},
  show: {
    ready: true
},
  hide: false,
  style: {classes: 'qtip-tipsy'}
});

但是，这部分代码位于模板中，在页面级别上无法编辑：

$('.overview').qtip({
  content: 'Overview',
  position: {
    my: 'bottom center', 
    at: 'top center'
  },
   style: {classes: 'qtip-tipsy'}
});

如果我在上面的代码下面尝试这个，它不起作用：

$('.overview').qtip({
    show: { ready: true },
    hide: false

});

如果在页面级别上无法编辑，我如何组合这两者？ IE：如果我无法在页面级别编辑代码，如何将show和hide代码添加到上面的代码中？

Answer 1

 show: {
     ready: true
 },
 hide: {
     event: false
 }

保持qTip工具提示始终可见

1 个答案: