2011-10-01 219 views
0

我正在嘗試創建一個按鈕,它需要輸入一個主題,並使用Twitter搜索API提取相關推文。搜索按鈕 - Twitter搜索API

我已經看到類似於jTwitter插件的東西,但我不確定如何自己做,而且似乎無法找到任何文檔。

這裏是jQuery的:

twitterUrl = "http://search.twitter.com/search.json?"+ q +"&rpp=1500&page=2&result_type=recent&callback=?"; 
     twitterList = $("<ul />"); 
     twitterFunction = function(data) { 
      $.each(data.results, function(i, item) { 
        $("<li />", { "text" : item.text }) 
         .appendTo(twitterList); 
        }); 
      $("#twit").fadeOut("fast", function(){ 
        $(this).empty() 
         .append(twitterList) 
         .fadeIn("slow");    
        }); 
      }; 
$.getJSON(twitterUrl, twitterFunction); 

和HTML:

<article> 
     <form> 
      <input type="text" id="subject" name="q" placeholder="subject..." > 
      <input type="button" id="start" value="start" > 
     </form> 
     <div id="twit"></div> 
</article> 

和工作jsFiddle

感謝您的幫助。

回答

1

檢查執行@http://jsfiddle.net/Jayendra/reVy7/10/

自定義搜索結果的處理。

+0

太好了,謝謝。我應該知道價值會在q =內而不是取代它。如果您輸入主題並按回車並單擊開始,是否有辦法讓它起作用? – Ryan

+0

你可以通過keyup處理它並檢查輸入代碼爲13 ... http://stackoverflow.com/questions/155188/trigger-button-click-with-javascript-on-enter-key-in-text-box – Jayendra

+0

出於某種原因,當我嘗試添加該jQuery代碼片段時,它不起作用。當我輸入時,輸入字段中的文本消失。它是否必須在JSON調用的函數中實現? http://jsfiddle.net/RyanNeil/q7jUB/12/ – Ryan