Javascript 纯CSS/YUI-水平菜单，目标="空白'；无法打开新窗口或选项卡

使用YUI和纯CSS，我创建了一个水平导航菜单。一个链接（“Messenger”）必须打开一个新窗口或选项卡（target=“\u blank”），但Javascript忽略了这一点，并在当前窗口中打开了该链接

HTML/CSS是：

<div id="demo-horizontal-menu">
<ul id="std-menu-items">
    <li class="pure-menu-selected"><a href="#">Flickr</a></li>
    <li><a href="http://cnn.com" target="_blank">Messenger</a></li>
    <li><a href="#">Sports</a></li>
    <li><a href="#">Finance</a></li>
    <li>
        <a href="#">Other</a>
        <ul>
            <li class="pure-menu-heading">More from Yahoo!</li>
            <li class="pure-menu-separator"></li>
            <li><a href="#">Autos</a></li>
            <li><a href="#">Flickr</a></li>
            <li><a href="#">Answers</a></li>
            <li>
                <a href="#">Even More</a>
                <ul>
                    <li><a href="#">Horoscopes</a></li>
                    <li><a href="#">Games</a></li>
                    <li><a href="#">Jobs</a></li>
                    <li><a href="#">OMG</a></li>
                </ul>
            </li>
        </ul>
    </li>
</ul>
</div>

这是小提琴：

这些库似乎有几个类似的问题，但大多数都涉及使用onClick跟踪新窗口或强制新窗口而不是新选项卡

你的小提琴（）正在为我打开一个新选项卡中的messenger链接

target="_blank" //Appears to be working properly for me.

可能这是一个环境问题，而不是您的代码？你用的是什么浏览器？它是最新的吗

我正在使用Google Chrome 29.0.1547.66 m版

如果您看到正在使用，您会注意到在第196行，他们仅使用href属性重建

元素，而不使用您的目标。这就是为什么“Messenger”菜单选项无法在新浏览器窗口/选项卡上打开的原因

---

也许您可以选择菜单项，并在渲染后手动添加目标属性。

我在其中有一个具有适当行为的测试链接。我不知道你是否在用它，但我现在已经把它去掉了。“Messenger”菜单项仍然会在我所有浏览器的小提琴当前选项卡/窗口中打开。

target="_blank" //Appears to be working properly for me.