Jquery ajax数据

我正在使用qTip插件将imdb URL张贴到IMDB抓取器脚本并在该URL上显示电影信息。Jquery ajax数据

一切工作，直到我有一个以上的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保持不变？

来源

2010-03-24 user272899

简单的解决方案是使用类而不是id。除此之外，ID是唯一的，不应该在同一页面多次使用它们。

来源

2010-03-24 17:24:12 Mon

将其更改为类。没有帮助脚本仍然不知道选择哪一个 – user272899 2010-03-24 17:28:50

那么，你可能不得不使用.each（）来遍历它们。我认为最简单的就是在$（'。movie'）。循环中添加$（'。link'）。val（）。如果你不介意冗余，我有一个可能工作的愚蠢的方法。取出前两行，而不是$（'。link'）。attr（'id'，function（e）{return'id'+ e;}在你的$（'。movie'）。 '.movie'）。each（function（x）{... data：{'link：'+ $（'id'+ x）.val（）;}，...} 让我们来看看它是否可行 – Mon 2010-03-25 13:37:42

你需要一些方法来区分它们。mon是正确的，因为ID应该是唯一的（如果它们不是，jQuery将使用它遇到的第一个，我相信） – Jason 2011-04-12 08:00:47

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

来源

2011-04-12 08:04:59 Alex

有一点解释会有帮助。 – showdev 2015-03-02 23:48:50

Jquery ajax数据

回答

相关问题