Qtip не загружает URL REL - PullRequest
Новая
       12

Qtip не загружает URL REL

0 голосов
/ 01 февраля 2011

Я использую Jquery 1.4.4 с Qtip и пытаюсь загрузить изображение для каждого отдельного элемента списка, поэтому я использую Content: URL: .attr (rel), но он не загружает URL REL 

<script type="text/javascript">
// Create the tooltips only on document load
$(document).ready(function() {
$('ul.list-one li a[href]').each(function(){
  $(this).qtip({
     Content: { url: $(this).attr('rel') },
     position: {
     corner: {
        target: 'topMiddle',
        tooltip: 'bottomMiddle'
                }
                },
     style: {
       tip: 'bottomMiddle',
       border: { width: 2, radius: 2, color: '#A9D041' },
     background: '#fff',
     padding:0,
     width: 175,
     height:100
       }  

   });
});
});
</script>




 <ul class="list-one">
 <li class="header">Project Management</li>
 <li><a href="#">BGC Bremerholm</a></li>
 <li><a href="#">Medtronic</a></li>
 <li><a href="#">Straumur - Burdaras Bank</a></li>
 <li><a href="#">Straumur Reykjavik</a></li>
 <li><a href="#">Straumur Stockholm</a></li>
 <li><a  rel="/test/test.html" href="#">T. Rowe Price</a></li>

 </ul>

Ответы [ 3 ]

1 голос
/ 27 августа 2011

Вы можете просто использовать каждый из jquery, чтобы получить все элементы и применить к ним qtip.Вы можете легко манипулировать ими таким образом. 

$('.qtip').each(function(){
    $(this).qtip({
      content: { url: $(this).attr('rel'), method: 'get' },

      style: {
         padding: '7px 13px',
         width: {
            max: 510,
            min: 0
         },
         tip: true
      }
    });
  });
0 голосов
/ 23 марта 2011

goetz, функция document.ready () означает, что вам не нужно помещать ее внизу страницы, она ждет загрузки страницы, прежде чем запускать.

Я использовал это недавнопроект, и он работает просто отлично:) 

$('.test').each(function(){
        $(this).qtip({
          content: { text: '<img src="' + $(this).attr('href') + '" />' },
          show: { delay: 0 },
        });
      });
0 голосов
/ 02 февраля 2011

Содержание должно быть в нижнем регистре c 

content: { url: $(this).attr('rel') },
...