JQuery AJAX данных - PullRequest
Новая
       7

JQuery AJAX данных

0 голосов
/ 24 марта 2010

Я использую плагин qTip для публикации URL-адреса imdb в скрипте граббера IMDB и отображения информации о фильме по этому URL.

Все работает, пока у меня на странице больше одного всплывающего подсказка.

Что мне нужно сделать, так это опубликовать только данные изображения, на которое наведено изображение. Этот код должен иметь больше смысла, чем я.

Сценарий - 

var link = $("#link").val();
var imdbLink =  { "link" : link };  // note change to data...

$('.moviebox').each(function() {
    $(this).qtip({
       style: { name: 'light' },
       content: {
         method: 'GET',
         data: imdbLink,   // you could make this { "link" : link }
         url: '/bin/imdb/imdb.example.php',
         text: '<img class="throbber" src="/images/loading.gif" alt="Loading..." />'
       },  
       position: {
             corner: {
               target: 'bottomright',
              tooltip: 'bottomleft'
            }
          }
    });
    });

HTML - 

  <div class="moviebox rounded"><a href="#">
  <img src="http://1.bp.blogspot.com/_mySxtRcQIag/S6deHcoChaI/AAAAAAAAObc/Z1Xg3aB_wkU/s200/rising_sun.jpg" />
  <form method="get" action="">
    <input type="text" name="link" id="link" style="display:none" value="http://us.imdb.com/Title?0107969"/>
 </form>
  </a></div>



  <div class="moviebox rounded"><a href="#"><img src="http://2.bp.blogspot.com/_mySxtRcQIag/S6dUoGd4_TI/AAAAAAAAObM/4Mbohcy0Owo/s200/grumpy_old_men.jpg" />
   <form method="get" action="">
    <input type="text" name="link" id="link" style="display:none" value="http://us.imdb.com/Title?0107050"/>
 </form>
 </a>

Вы увидите, что оба входа имеют одинаковый идентификатор, который вызывает проблему. как бы мне обойти это, сохраняя идентификаторы ????

Ответы [ 2 ]

1 голос
/ 24 марта 2010

Простое решение - использовать класс вместо идентификатора. Кроме того, ID должны быть уникальными, их не следует использовать более одного раза на одной странице.

0 голосов
/ 12 апреля 2011 
$('.moviebox').each(function() {
   var imdbLink =  { "link" : $(this).find("input.link").val() };
   $(this).qtip({
      // qTip code
   });
});
...