2010-12-13 20 views
0

Ich benutze jQuery Autovervollständigung ui Plugin.jQuery Autocomplete breaking Seite

Es funktioniert genau so, wie ich es erwarten würde, aber wenn ich auf einen bestimmten "Vorschlag" klicke, werden andere Elemente auf der Seite ausgeblendet. Nichts direkt damit verbunden (zB Kind, Elternteil, etc.)

Um das Debuggen komplizierter zu machen, arbeite ich in einer .hta Datei, die etwas activex Zeug benutzt - also kann ich es nicht durch Firebug oder Chrome's laufen lassen Element prüfen.

Irgendwelche Vorschläge, wie ich diesen Fehler beseitigen kann?

Wie vorgeschlagen, Code: Es sind die Elemente, die contentWrapper

<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> 
+1

Bitte einen Code schreiben, so können wir hilfreich Vorschläge machen. – Ender

+0

Code wie angefordert – devinpleuler

+0

haben Sie versucht, es mit Firebug zu debuggen? Sie müssen wissen, ob diese Elemente verschwinden (Anzeige: keine oder etwas) oder werden sie gelöscht/aus dem Bildschirm bewegt? Es gibt eine Vielzahl von Möglichkeiten – migajek

Antwort

1

für mich verschwinden, es klingt wie Sie das gleiche „class“ Attribut für mehrere Elemente haben. Wenn jQuery Autocomplete versucht, die Vervollständigungsliste zu verbergen, "fängt" es auch die anderen Elemente.

es ist nur eine Vermutung ... wenn Sie einen Code schreiben, könnten wir Sie wahrscheinlich helfen :)

+0

Code wie gewünscht – devinpleuler