时间戳

首页 > 解决方案 > Wheelnav.js，默认 NavItemText 未选择

javascript - Wheelnav.js，默认 NavItemText 未选择

问题描述

我正在尝试使用 Wheelnav.js。作为一个简单的菜单作为网站上其他页面的链接。

目前，默认选择我的轮子的第一个菜单。但我不希望默认选择任何菜单。

示例 1 https://infinistudio.ch/exemple-menu-5-desktop.m4v

我使用 navitemtext 放置标题的外部链接。但是外部页面的链接似乎并非每次都有效。

我试图把标题和描述放在两行，这样我就可以放两种不同的风格。目标是从 wordpress 菜单中获取标题和描述。

示例代码球

<nav>
  <div id='piemenu' data-wheelnav
                data-wheelnav-slicepath='NullSlice'
                data-wheelnav-navangle='270'
                data-wheelnav-cssmode
                data-wheelnav-rotateoff 
                data-wheelnav-init>

        <?php foreach ($menu_items as $item) : ?>
        <div data-wheelnav-navitemtext='<?= $item['title'] ?>'\n<?= $item['description'] ?> >

                <a href="<?= $item['url'] ?>" title="<?= $item['title'] ?>"><?= $item['title'] ?></a>

        </div>  
        <?php endforeach; ?>
     <div>
</nav>

标签： javascriptwordpresshyperlinkmenuwheelnav.js

解决方案

您必须在 JavaScript 中使用 selectedNavItemIndex 属性。

当它为空时，默认情况下没有选定的 navitem。

var wheel = new wheelnav("piemenu");
wheel.selectedNavItemIndex = null;
wheel.createWheel();

链接的第二个问题是解析器中的错误。我已经修复了，最新版本在 GitHub 上可用：https ://github.com/softwaretailoring/wheelnav

推荐阅读