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

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

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

а также

hide: { fixed: true, delay: 1000 }

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

  hide: 'unfocus',

а также

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

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


javascript jquery jquery-plugins qtip
person Matt Elhotiby    schedule 28.03.2011    source источник

Ответы (2)


arrow_upward
7
arrow_downward

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

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

Обновлен fiddle.

person Mark Coleman    schedule 28.03.2011

arrow_upward
1
arrow_downward

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

http://jsfiddle.net/JDVTM/

person Gregg    schedule 28.03.2011