Question

我有一个使用fontawesome箭头的可扩展菜单。它适用于桌面上的所有浏览器，它在我的iPhone上工作，但我的客户没有看到箭头。他们在Android，iPad和MS Surface Pro上进行了测试。我让他们尝试点击图标所在的区域，看看菜单是否仍然展开，图标是不可见的，但菜单也没有扩展。

Screenshot from my iPhone, where it's working correctly

Screenshot my client sent me from her Android phone

因为菜单根本没有扩展，我想知道它是否是一个javascript问题？但它可以在任何地方运行，但在移动设备上？

这是扩展/撤消菜单的代码

function expandMenu(button) {
    var childMenu = $(button).parent().find("ul");
    var hideMenu = $(button).parent().find("a.hide-second-level");
    $(button).hide();
    hideMenu.show();
    $(childMenu).show();
}

function retractMenu(button) {
    var childMenu = $(button).parent().find("ul");
    var showMenu = $(button).parent().find("a.show-second-level");
    $(button).hide();
    showMenu.show();
    $(childMenu).hide();
}

链接：

<a href="javascript:void(0)" onclick="expandMenu($(this))" class="show-second-level toggle"><i class="fa fa-caret-down"></i></a><a href="javascript:void(0)" onclick="retractMenu($(this))" class="hide-second-level toggle"><i class="fa fa-caret-up"></i></a>

Answer 1

我想我曾经历过这一次。 FA中有一些图标存在问题。您是否尝试过不同的图标进行测试？

没有出现在我客户的移动设备上的Fontawesome图标无法复制

1 个答案: