Почему подсказка qTip не остается открытой, чтобы я мог щелкнуть ссылку на нее? - PullRequest
Новая
       29

Почему подсказка qTip не остается открытой, чтобы я мог щелкнуть ссылку на нее?

3 голосов
/ 28 марта 2011

Вот мой пример в jsfiddle, наведите курсор на Миннесоту, чтобы увидеть всплывающее окно qtip. Я использую qTip плагин jquery, и я застреваю, когда заставляю qtip оставаться достаточно долго, чтобы кто-то щелкнул ссылку во всплывающей подсказке. Я попробовал все виды на scenerios, чтобы он оставался открытым. Чтение документации , кажется, это легко сделать, но я попробовал это, и не повезло. Я попробовал эти 

hide: { when: 'mouseout', fixed: true }

и 

hide: { fixed: true, delay: 1000 }

и многие другие, и ничего не будет держать всплывающую подсказку, чтобы пользователь мог щелкнуть ссылку. Раздражает то, что на странице reference . Если вы щелкнете по любой из примеров ссылок, они делают именно то, что я хочу, и я пошел к источнику, и если кажется, что они используют 

  hide: 'unfocus',

и 

     hide: {
        fixed: true,
        delay: 240
     },

но я попробовал оба, и всплывающая подсказка не останется открытой. Я что-то упустил?

Ответы [ 2 ]

6 голосов
/ 28 марта 2011

Поскольку кажется, что положение вашего наконечника немного смещено вправо, попробуйте это: 

  $(this).qtip(
  {
      hide:{ //moved hide to here,
        delay:500, //give a small delay to allow the user to mouse over it.
        fixed:true
      },
     content: $("." + test).html(),
     style: {
        name: 'dark',
         style: {
            border: 1,
            cursor: 'pointer',
            padding: '5px 8px',
            name: 'blue'
         },
        border: {}, 
        tip: true // Apply a tip at the default tooltip corner
     }
  });

Обновлено скрипка .

1 голос
/ 28 марта 2011

У вас есть 2 стиля в вашем коде, и это просто разные шутки.Вот ваш код, работает.

http://jsfiddle.net/JDVTM/

...