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 回答