0

我正在使用 qtip 插件在我的页面上显示气球对话。我可以加载气球,但我没有看到几秒钟后自动关闭它的任何选项。

这就是我使用 qtip 的方式 -

 $('#ShowBalloon')
      .click(function()
      {
         if($("#content a").data("qtip")) $("#content a").qtip("destroy");

         $("#content a").html("") // Set the links HTML to the current opposite corner
            .qtip({
               content: { text: 'You have 1 new message.' },
               position: {
                  corner: {
                     tooltip: 'bottomRight',
                     target: 'topRight'
                  }
               },
               show: {
                  when: false, 
                  ready: true,
                  effect: { type: 'fade' },
                  length: 2000
               },
               hide: { when: 'inactive', delay: 1000 },
               style: {
                  border: {
                     width: 1,
                     radius: 7,
                     color : "#00AFF0"
                  },
                  title: { 'color': 'red', 'overflow': 'hidden' },
                  width: 300,
                  color:'White',
                  background: '#00AFF0',
                  padding: 10, 
                  textAlign: 'center',
                  tip: true, 
               }
            });

      });
4

0 回答 0