Jquery données ajax

Question

J'utilise le plugin qTip pour publier une URL imdb dans un script grabber IMDB et afficher des informations sur cette URL.

Tout fonctionne jusqu'à ce que j'ai plus de un qtip sur la page.

Ce que je dois faire Publie seulement les données de l'image qui est survolée. C'est le code qui devrait avoir un peu plus de sens que moi.

Script -

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> 

Vous verrez que les deux entrées ont le même ID qui est à l'origine d'un problème. comment pourrais-je contourner cela en gardant les ID les mêmes ????

Answer 1

Une solution simple consiste à utiliser la classe à la place de l'ID. En plus de cela, ID sont destinés à être unique, ne devrait pas les utiliser plus d'une fois sur la même page de toute façon.

Answer 2

$('.moviebox').each(function() { 
    var imdbLink = { "link" : $(this).find("input.link").val() }; 
    $(this).qtip({ 
     // qTip code 
    }); 
});