當按下箭頭鍵時在下拉菜單上使用Jquery livequery？

Question

我有這樣的jQuery的代碼，它的工作原理，但有帶箭頭的按鍵有問題。

$(document).ready(function() { 
    $(function(){ 
    $("#tasks").hide(); 
     $("select#categories").livequery("change", function() { 
       $("#tasks").show(); 
       $.getJSON("ajax.php?module=responsables&action=list_tasks",{id: $(this).val()}, function(j){ 

         if($("#categories").val()=="-0") 
         {        
           $("#tasks").hide(); 
         } 
         //if the div is hidden 
         $("div#form_objectifs").hide(); 
         var options = ''; 
         for (var i = 0; i < j.length; i++) 
         { 
           options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>'; 
         } 
         $("#tasks").html(options); 
         $('#tasks option:first').attr('selected', 'selected'); 
       }) 
     }).livequery("keypress", function() { 
       $(this).trigger("change");  
      }); 

}); 
</script> 

我試着用這個：http://jsfiddle.net/tW6Su/2/，給箭頭鍵按壓過濾器的可能性。

所以，我想：

<script type="text/javascript" charset="utf-8"> 
$(document).ready(function() { 
    $(function(){ 
     $("#tasks").hide(); 
      $("select#categories").livequery("change", function() { 
        $("#tasks").show(); 
        $.getJSON("ajax.php?module=responsibles&action=list_tasks",{id: $(this).val()}, function(j){ 

          if($("#categories").val()=="-0") 
          {        
            $("#tasks").hide(); 
          } 
          //if the div is hidden 
          $("div#form_objectifs").hide(); 
          var options = ''; 
          for (var i = 0; i < j.length; i++) 
          { 
            options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>'; 
          } 
          $("#tasks").html(options); 
          $('#tasks option:first').attr('selected', 'selected'); 
        }) 
      }).livequery("keypress", function() { 
      $(this).trigger("change"); 


}); 
</script> 

但我得到一個js錯誤。

$("select#categories").livequery is not a function http://localhost/project/index.php?module=responsibles&action=objectivs Line 120 

任何人可以幫助我什麼是錯的？感謝

Answer 1

似乎運行時的jsfiddle不包括腳本。當我將它包含在HTML中時，它按預期工作。

http://jsfiddle.net/tW6Su/11/