2012-05-12 4 views
1

これらのポップアップが個別に表示されるのはなぜですか

私の意図は、隣接するツイートが上に乗ったときにのみポップアップが表示されるということです。

http://jsfiddle.net/P2FsR/

var twitterURL = "http://search.twitter.com/search.json?q=%23CM0655"; 
    function twitterSearch() { // Create the weather function 
     $.ajax({ 
     url: twitterURL, //http request string for the weather service 
     dataType: "jsonp",                         
     success: function(JSON) {      // If successful parse the JSON data 
      $('#twitterSearch').html(""); 
      $.each(JSON.results, function(i,tweet){ 
        var tweeterID = tweet.from_user_id; 
        var dateFormat = tweet.created_at; 
        var newDate = dateFormat.replace('+0000', ''); 
        var title  = 'title="Tweeted from"'; 
        var id   = tweet.id; 
        var locData = tweet.geo; 
        getCordsData(locData); 

    $(function() { 
    $('#twitterSearch li').hover(function(e) { 
     $('div#pop-up').show(); 

    }, function() { 
     $('div#pop-up').hide(); 
    }); 

    $('#twitterSearch').mousemove(function(e) { 
     $("div#pop-up"); 
    }); 

}); 



        $('#twitterSearch').append('<li id="tweet' + id + '" class="tweet"><img class="tweetImage" src="'+ tweet.profile_image_url +'" height="35" width="35" /> <a class="tweetLink" href="http://twitter.com/' + tweet.from_user + '" target="_blank">' + tweet.from_user + '</a> on the ' + newDate + ' <br /> tweeted<span id="tweetTextColor">: ' + tweet.text + tweet.geo +'</span></li><div id="pop-up"><p>' + tweet.from_user + '</p><div>'); 
      }); 
     //alert("Ajax text"); 
     setTimeout(twitterSearch, 10000); 


     } 
     }); // End of ajax 
    } // End of function 



    function getCordsData(data){ 
     if(data == null){ 
      data = "No location data found!"; 
      //$('#pop-up').append('<p>Cow</p>'); 
      //alert(data); 
     }else{ 
      var long = data['coordinates'][0]; 
      var lat = data['coordinates'][1]; 
      $('#pop-up').html($('#pop-up').html() + "long:" + long + "<br />Lat:" + lat); 
      //alert("long:" + long + "Lat:" + lat); 
     } 
    } 

     twitterSearch(); 

答えて

1

あなたは、これは

を助けLiは

DEMO FIDDLE

希望されている次の要素があり、それぞれのdiv#ポップアップにアクセスするには、各リチウムのホバーと$(this).next()$(this)を使用する必要があります

PS:私はホバー機能を編集しました。同じ気分を味わってくれることを願っています残りは

関連する問題