qTip2 не работает - PullRequest
Новая
       21

qTip2 не работает

2 голосов
/ 01 февраля 2012

Мой код работал до тех пор, пока я не узнал, что я изменил, я начал все с нуля, но он все еще не показывает подсказку, может кто-нибудь сказать мне, что не так с кодом? или даже лучше, есть ли другой (более простой) способ реализации всплывающей подсказки? 

<html>
<head>

<link type="text/css" rel="stylesheet" href="css/jquery.qtip.css" />    
<title>My site</title>
</head>
<body>
<a href="#">ZA</a>  
    <div id="jj" style="display: none;">HHHHHHH</div>
    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.qtip.js"></script>
    <script type="text/javascript">

        $('a').qtip({
        content: {
        text: $('#jj') // Add .clone() if you don't want the matched elements to be removed, but simply copied
    }
    })

</script>
</body>
</html>

Ответы [ 5 ]

1 голос
/ 01 февраля 2012

Разве вы не пропустили нагрузку? 

<script type="text/javascript">
$(function() {
    $('a').qtip({
        content: {
            text: $('#jj') 
        }
    });
});
</script>

Изменить: приведенный выше код, безусловно, работает, см. jsfiddle

Убедитесь, что ваши qtip.js и qtip.css загружены и последние

1 голос
/ 01 февраля 2012

вам нужно поместить свой qtip javascript в готовый документ. 

$(function() {
    $('a').qtip({
        content: {
             text: $('#jj').clone()
         }
    });
});
1 голос
/ 01 февраля 2012

Попробуйте вместо этого: 

$('a').qtip({
    content: $('#jj').text()
});

Или сделайте то, что сказал комментарий, и клонируйте элемент - вам, вероятно, придется показать его явно: 

$('a').qtip({
   content: {
      text: $('#jj').clone().show()
   }
});
0 голосов
/ 03 октября 2014 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<link type="text/css" rel="stylesheet" href="Scripts/qTip/jquery.qtip.css" />    
<title>My site</title>
</head>
<body>
<a href="#">ZA</a>  
    <div id="jj" style="display: none;">HHHHHHH</div> 
    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="Scripts/qTip/jquery.qtip.js"></script>
    <script type="text/javascript">
        $(function () {
            $('a').qtip({
                content: {
                    text: $('#jj')
                }
            });
        });
</script>
</body>
</html>
0 голосов
/ 01 февраля 2012

две вещи, которые вы можете попробовать

  1. переместить сценарии в ваш головной раздел

  2. обернуть код javascript / jquery внутри обработчика ready 

    $(document).ready(function(){

    $('a').qtip({
       content: {
       text: $('#jj') // Add .clone() if you don't want the matched elements to be removed, but simply copied
     }
  });
});
...