jquery - jquery getjsonの問題

Question

このコードは script タグで正常に機能します。しかし、このコードを関数に記述してどこでも呼び出すと、getjson が機能しません。私は何も変更しませんでした。関数に入れるだけで、コードは機能しません。これが私のコードです：

var searchUrl = "http://search.twitter.com/search.json?q=" + "emre" + "&rpp=" + 5 + "&lang=en&callback=?";

$.getJSON(searchUrl, function(data) {
  var twitterList = $( "<ul />" );

  $.each( data.results, function( index, item ) {
    $( "<li />", { "text" : item.text } )
    .appendTo( twitterList );
  });

  $( "#output" ).fadeOut( "fast", function(){
    $( this ).empty()
    .append( twitterList )
    .fadeIn( "slow" );
  });
});

Answer 1

作業フィドル: http://jsfiddle.net/

(function($) {
  $(document).ready(function() {
    var twitterURL = "http://search.twitter.com/search.json?q=" + "emre" + "&rpp=" + 5 + "&lang=en&callback=?";    
    myFunction(twitterURL);
  });

  function myFunction(twitterURL) {
    $.getJSON(twitterURL, function(data) {
      var twitterList = $( "<ul />" );

      $.each( data.results, function( index, item ) {
        $( "<li />", { "text" : item.text } )
        .appendTo( twitterList );
      });

      $( "#output" ).fadeOut( "fast", function() {
        $( this ).empty()
        .append( twitterList )
        .fadeIn( "slow" );
      });
    });
  }
})(jQuery);

Answer 2

デモ

関数 ：

  function searchThis(url){
    $.getJSON(url, function(data) {
    var twitterList = $( "<ul />" );

     $.each( data.results, function( index, item ) {
       $( "<li />", { "text" : item.text } )
       .appendTo( twitterList );
     });

     $( "#output" ).fadeOut( "fast", function(){
       $( this ).empty()
       .append( twitterList )
       .fadeIn( "slow" );
    });
  });
}

呼び出し機能

var searchUrl = "http://search.twitter.com/search.json?q=" + "emre" + "&rpp=" + 5 + "&lang=en&callback=?";

searchThis(searchUrl);