Javascript Wheelnav.js，未被defaut NavItemText选中

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

当前，“我的控制盘”的第一个菜单默认处于选中状态。 但我不希望在默认情况下选择菜单

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

例1

我使用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>

>

您必须在JavaScript中使用selectedNavItemIndex属性

如果为空，则默认情况下没有选定的NaviItem

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

链接的第二个问题是解析器中的错误。我已经修复了它，最新版本在GitHub上提供：

window.onload=函数（）{
var车轮=新车轮导航（“PIEMNU”）；
wheel.sliceInitPathFunction=wheel.slicePathFunction；
wheel.initPercent=0.1；
wheel.wheelRadius=wheel.wheelRadius*1.7；
wheel.selectedNavItemIndex=null；
createWheel（）；
};

结果html：例如，“Rendez-vous”链接不起作用

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

                <div data-wheelnav-navitemtext='L esperluette(en moins d’une minute)'>
            <a href="http://localhost:8888/lesperluette.fr/" title="L esperluette">L esperluette</a>          
        </div>            
            <div data-wheelnav-navitemtext='Rendez-vous'>
            <a href="http://localhost:8888/lesperluette.fr/bousole7/" title="Rendez-vous">Rendez-vous</a>          
        </div>            
            <div data-wheelnav-navitemtext='07 Boussole 7'>
            <a href="http://localhost:8888/lesperluette.fr/bousole7/" title="07 Boussole 7">07 Boussole 7</a>          
        </div>            
            <div data-wheelnav-navitemtext='05 test menu'>
            <a href="http://localhost:8888/lesperluette.fr/bousole5/" title="05 test menu">05 test menu</a>          
        </div>            
            <div data-wheelnav-navitemtext='04 Qui sommes nous ?'>
            <a href="http://localhost:8888/lesperluette.fr/bousole44/" title="04 Qui sommes nous ?">04 Qui sommes nous ?</a>          
        </div>            
            <div data-wheelnav-navitemtext='Exemple externe 1'>
            <a href="http://www.youtube.com" title="Exemple externe 1">Exemple externe 1</a>          
        </div>            
            <div data-wheelnav-navitemtext='Exemple interne'>
            <a href="http://localhost:8888/lesperluette.fr/" title="Exemple interne">Exemple interne</a>          
        </div>            
            <div data-wheelnav-navitemtext='Contact'>
            <a href="#" title="Contact">Contact</a>          
        </div>            

<div>
</nav>

你好，是的，这样效果更好！但是，除了内部锚之外的链接还能工作吗？是否可以使用外部href？使用navitem函数“”，因为我的wordpress菜单中仍然有一个链接不起作用，即使它正确显示url。是的，这是可能的。你能显示WordPress菜单吗？这是一个在线菜单的版本->你发现了一个bug。我已经修复了它，最新版本在GitHub上可用：太棒了！谢谢，这很有效！谢谢你的帮助和工作。