jquery jqwidgets listbox disparaissant lorsque vous cliquez sur le bouton

Question

J'essaie d'en apprendre un peu plus sur jquery et de travailler avec certains widgets de l'interface utilisateur (JQWidgets). J'essaie d'appeler un script php et de rappeler certaines données au format json. Je sais que le format json est correct parce que je peux obtenir une liste pour montrer et fonctionner correctement si je l'exécute directement. J'essaye de taper une valeur dans une zone de texte et quand je clique sur un bouton de soumission il retournera une liste de données dans la zone de liste. Lorsque je clique sur le bouton, le contour de la boîte s'affiche puis disparaît. Je ne suis pas sûr de ce que je fais.

code Javascript:

<script type="text/javascript"> 
$(document).ready(function() { 
    //create jqxButton widget 
    $("#btnSubmit").jqxButton({ width: '150'}); 
    //create jqxListBox widget 
    $("#btnSubmit").bind('click', function() { 
     //Do som 

     var textValue = $("#txtSearch").val(); 

     var url = "include/showsearch.php?show_name='" + textValue + "'"; //returns json data 
     var source = 
      { 
       datatype: "json", 
       datafields: [ 
        { name: 'name' }, 
        { name: 'id' } 
       ], 
       url:url 
      }; 
     var dataAdapter = new $.jqx.dataAdapter(source); 
     dataAdapter.dataBind(); 
     //crate jqxList widget 
     $("#search_grid").jqxListBox({source: dataAdapter,selectedIndex: 0,theme:'classic',displayMember: "name", valueMember:"id",itemHeight:70,height:'75%',width:'100%'}); 
    }); 
}); 

HTML partiel:

<div id="content1"> 

     <form id="search"> 
    <label for="search">Search For:</label> 
    <input type="text" id="txtSearch" name="q"> 
      <input style='margin-top: 20px;' type="submit" value="Search" id="btnSubmit"/> 
</form> 
<div id="search_grid"> 
</div> 
<div style="font-size: 13px; font-family: Verdana;" id="selectionlog"> 
</div> 
</div> 
    <div id="content2"> 
      <div id="dl_grid"> 
</div></div> 

Merci à l'avance.

EDIT: Je tiens également à mentionner que j'utilise 000webhost et j'ai désactivé le script de suivi qu'ils utilisent.

Answer 1

Le problème est probablement le paramètre de hauteur de votre ListBox. Si vous voulez définir la hauteur en pourcentages, votre élément container doit être défini avec "height", car 75% de quelque chose qui est avec auto-height par défaut serait égal à 0. Regardez: jQWidgets ListBox with Size in Percentages