jQuery ui 菜单图标(用于子菜单)不可见

Question

我的页面中使用了一个通用的 jQuery ui 菜单。这是我的菜单脚本

<ul id="ulMenu-Config" >
       <li>
           <a id="aConfig" href="#aConfig"></a>
           <ul>
                <li><a id="aExportConfig" href="#aExportConfig"></a></li>
                <li><a id="aImportConfig" href="#aImportConfig"></a></li>
                <li><a id="aClearConfig" href="#aClearConfig"></a></li>
           </ul>
       </li>
 </ul>

这是我的菜单代码

$('#ulMenu-Config').menu({
    position: {
        my: "left top",
        at: "left+7 top+25"
    }
});

我的问题是子菜单的图标(如箭头)在 aConfig 或 ulMenu-Config 上不可见。我的错误在哪里？

Answer 1

我遇到了这个问题。在我的例子中，我获取了 css 的本地副本(因此我可以稍微摆弄一下)，但没有意识到它具有到包含图标的 .png 文件的相对路径。由于不再从同一个地方提供 css，而且我没有复制 .png，因此链接已损坏。