Question

希望我能尽可能具体。

我正在为我爸爸的网站编辑ZenCart，并且我使用jQueryUI在下拉框中显示标签： https://dl.dropboxusercontent.com/u/1860151/Untitled.jpg

为了证明它在我投入数小时之前的概念，我只是复制了jQueryUI.com中的例子，如下所示： http://jsfiddle.net/egp346a5/

//tabs JS from jqueryui.com
$(function () {
    $("#tab").tabs({
        event: "mouseover"
    });
});


// html of tabs
<div id="tab">
    <ul>
        <li><a href="#tab-1">Inkjet</a>
        </li>
        <li><a href="#tab-2">B&W Laser</a>
        </li>
        <li><a href="#tab-3">Color Laser</a>
        </li>
    </ul>
    <div id="tab-1">
        <table id="inkjetTable">
            <tr>
                <td>Advent</td>
                <td>Dell</td>
                <td>Kodak</td>
            </tr>
            <tr>
                <td>Brother</td>
                <td>Epson</td>
                <td>Lexmark</td>
            </tr>
            <tr>
                <td>Canon</td>
                <td>HP</td>
                <td>Samsung</td>
            </tr>
        </table>
    </div>
    <div id="tab-2">
        <table id="inkjetTable">
            <tr>
                <td>Brother</td>
                <td>Epson</td>
                <td>Lexmark</td>
                <td>Samsumg</td>
            </tr>
            <tr>
                <td>Canon</td>
                <td>HP</td>
                <td>OKI</td>
            </tr>
            <tr>
                <td>Dell</td>
                <td>Kyocera</td>
                <td>Panasonic</td>
            </tr>
        </table>
    </div>
    <div id="tab-3">
        <table id="inkjetTable">
            <tr>
                <td>Brother</td>
                <td>Epson</td>
                <td>Lexmark</td>
            </tr>
            <tr>
                <td>Canon</td>
                <td>HP</td>
                <td>OKI</td>
            </tr>
            <tr>
                <td>Dell</td>
                <td>Kyocera</td>
                <td>Samsung</td>
            </tr>
        </table>
    </div>
</div>

它在基页上看起来很有效，但当我转到任何其他页面时，整个页面在加载后就会消失。当我注释掉标签javascript时，问题就消失了，所以我认为可以安全地假设它与它有关。当我在Chrome Dev中检查页面时，在页面加载结束时有一个js事件，我认为这是负责任的，但我不确定是什么原因造成的。

由于

Answer 1

试试这个

jQuery( document ).ready(function( $ ) {
    $("#tab").tabs({
        event: "mouseover"
    });
});

jQuery选项卡导致页面消失

1 个答案: