Question

我正在使用jQuery的自动完成ui插件。

它完全按照我的预期工作，但当我点击特定的“建议”时，它隐藏了页面上的其他元素。没有与之直接相关的东西（例如孩子，父母等）

为了使调试更复杂，我正在使用一些使用某些activex内容的.hta文件 - 所以我无法通过firebug或chrome的inspect元素运行它。

关于如何破解这个错误的任何建议？

根据建议，代码：正在消失的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>

Answer 1

对我而言，听起来你为多个项目设置了相同的“class”属性。当jQuery Autocomplete尝试隐藏完成列表时，它“捕获”其他项目。

这只是猜测...如果您发布一些代码，我们可能会帮助您：）

jQuery自动完成破解页面

1 个答案: