jQuery autocomplete briser la page

Question

J'utilise le plugin uQ autocomplete de jQuery.

Cela fonctionne exactement comme je le souhaiterais, mais lorsque je clique sur une "suggestion" particulière, elle cache d'autres éléments sur la page. Pour rendre le débogage plus compliqué, je travaille dans un fichier .hta qui utilise des trucs ActiveX - donc je ne peux pas l'exécuter via Firebug ou Chrome. inspecter l'élément.

Des suggestions sur la façon dont je peux traverser l'écrasement de ce bug?

Comme le suggère, le code: Ce sont les éléments de contentWrapper qui disparaissent

<div id="menu"> 

    <div id="menuContent"> 
    <div class='tab'> 
     <div id='searchTab' class='title clickable'>SEARCH</div> 
     <span class='switchcontent'> 
      <div id="searchBox" class="ui-widget"> 
       <input style="margin-left:10px; margin-top:10px;" class="ui-autocomplete-input ui-widget-content" id="tags" style="width:200px;"></input> 
       <span class="demo"> 
       <button id="search" style="height:25px;"></button> 
       </span> 
      </div> 

      <div id="resultBox" class="ui-helper-hidden"> 
       <div class="title">RESULTS:</div> 
       <div id="results"></div> 
       <input type="button" value="New Search" id="back"></input> 
      </div> 
      <br> 
     </span > 
    </div> 

    <div class='tab'> 
     <div id="buildingTab" class='title clickable'>DIRECTORY</div> 
     <span class="switchcontent"> 
      <script type="text/javascript" src="javascript/populate-test.js"></script> 
     </span> 
    </div> 


    </div> 

</div> 

<!--div id="modelViewerTitle" class="title"> 
    3D BUILDING VIEW 
    <span id="modelButtons"> 
     <input class="navRight" type="image" id="help" src="images/helpCircle-up.png" width="25" height="25" onmouseover="javascript:this.src='images/helpCircle-over.png';" onmouseout="javascript:this.src='images/helpCircle-up.png';" value="Help" title="Help"/> 
     <input class="navRight" type="image" id="orbit" src="images/nav_img/orbit.png" width="25" height="25" onclick="btnNav_Clicked(11)" value="Orbit" title="Orbit"/> 
     <input class="navRight" type="image" id="viewall" src="images/nav_img/view-all.png" width="25" height="25'" onclick="btnViewAll_Clicked()" value="View All" title="View All"/> 
     <input class="navRight" type="image" id="zoombox" src="images/nav_img/zoom-box.png" width="25" height="25" onclick="btnNav_Clicked(12)" value="Zoom Box" title="Zoom Box"/> 
     <input class="navRight" type="image" id="zoom" src="images/nav_img/zoom.png" width="25" height="25" onclick="btnNav_Clicked(7)" value="Zoom" title="Zoom"/> 
     <input class="navRight" type="image" id="pan" src="images/nav_img/pan.png" width="25" height="25" onclick="btnNav_Clicked(9)" value="Pan" title="Pan"/> 
     <input class="navRight" type="image" id="walk" src="images/nav_img/walk-on.png" width="25" height="25" onclick="btnNav_Clicked(3)" value="Walk" title="Walk"/>&nbsp; 
    </span> 
</div--> 
<div id="contentWrapper"> 
    <div id="modelViewer"> 
     <div id="model"> 

     </div> 
    </div> 
    <div id="infoBox"> 
    </div> 
</div> 

Answer 1

pour moi, il semble que vous avez le même attribut « class » définie pour plusieurs éléments. Lorsque jQuery Autocomplete essaie de masquer la liste d'achèvement, il "attrape" également les autres éléments.

il est juste une supposition ... si vous postez un code, nous pourrions probablement vous aider :)