0

qTip プラグインを使用して imdb URL を IMDB グラバー スクリプトに投稿し、その URL に映画情報を表示しています。

ページに複数のqtipが表示されるまで、すべてが機能します。

私がする必要があるのは、ホバーされている画像のデータのみを投稿することです。これは、私よりも少し意味のあるコードです。

脚本 -

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>

両方の入力に同じ ID があり、問題を引き起こしていることがわかります。IDを同じに保つためにどうすればこれを回避できますか????

4

2 に答える 2

1

簡単な解決策は、id の代わりにクラスを使用することです。それに加えて、ID は一意であることを意図しており、とにかく同じページで複数回使用しないでください。

于 2010-03-24T17:24:12.977 に答える
0 
$('.moviebox').each(function() {
   var imdbLink =  { "link" : $(this).find("input.link").val() };
   $(this).qtip({
      // qTip code
   });
});
于 2011-04-12T08:04:59.000 に答える