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

回答

相關問題