fonction jQuery exécuter sur le Bouton et Cliquez sur Entrée/Retour (à clé)

Je suis en train de créer un peu la boîte de recherche qui vous permet de rechercher Twitter basé sur le mot clé que vous entrez dans le champ de saisie. Alors que c'est un travail, il ne fonctionne que si vous appuyez sur le bouton "Soumettre". Je tiens également à être en mesure d'appuyer sur la touche Entrée ou Retour pour lancer la recherche. J'ai essayé en utilisant le .remplir la fonction et de l'habillage de mon entrée autour d'un élément de formulaire sans succès. Aucune information serait grandement apprécié!

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<script>
$(document).ready(function(){

function(data) {

$('#startSearch').click(function(){ 

$('#tweets .results').remove();

    var searchTerm = 'http://search.twitter.com/search.json?q=' + $('#twitterSearch').val() + '&callback=?'

    $.getJSON(searchTerm,  function(data) {
        $.each(data.results, function() {
            $('<div class="results"></div>')
            .hide()
            .append('<a class="userPicLink" href="http://twitter.com/' + this.from_user + '">'  + '<img class="userImg" src="' + this.profile_image_url + '">' + '</a>')
            .append('<span class="userName">' + '<a href="http://twitter.com/' + this.from_user + '">' + this.from_user + '</span>')
            .append('<span class="userText">' + this.text + '</span>')
            .append('<time class="textTime">' + relTime(this.created_at) + '</time>')
            .appendTo('#tweets')
            .fadeIn();

        });

  });

</script>
<body>


<label id="searchLabel" for="twitterSearch">Search</label>
<input type="search" list="searchSugg" id="twitterSearch" placeholder="css3 animation" required aria-required="true">
<input id="startSearch" type="submit">

<datalist id="searchSugg">
<option value="css3 mulitple backgrounds">
<option value="html5 video">
<option value="responsive web design">
<option value="twitter api">
</datalist>

<div id="tweets">
</div>
</body>
Si vous utilisez un <form> élément, vous allez capturer le return/enter clé automatiquement et être en mesure d'utiliser le $.submit() gestionnaire, mais je suppose que vous êtes à l'aide d'AJAX?
j'ai essayé cette méthode mais j'ai été infructueuses. j'ai d'abord enveloppé éléments HTML dans un <form action=""> et dans mon jQuery, j'ai utilisé $('#myFormsID').submit(function(){. le résultat ne semble pas faire quoi que ce soit. j'ai fait à ce sujet dans le mauvais sens?

OriginalL'auteur Alvin Jones | 2012-06-01