Question

我有一个包含各种标签项的无序列表：

                <nav class="navigation-area">
                    <ul>
                        <li>
                            <a href="#home"><i class="fa fa-home"></i>
                            Home</a>
                        </li>

                        <li>
                            <a href="http://example.com/blog"><i class="fa fa-pencil"></i>Blog</a>
                        </li>

                        <li>
                            <a href="#profile"><i class="fa fa-user"></i>
                            Profile</a>
                        </li>

                        <li>
                            <a href="#portfolio"><i class=
                            "fa fa-briefcase"></i> Portfolio</a>
                        </li>

                        <li>
                            <a href="#resume"><i class=
                            "fa fa-file-text"></i> Resume</a>
                        </li>

                        <li>
                            <a href="#contact"><i class=
                            "fa fa-envelope"></i> Contact</a>
                        </li>
                    </ul>
                </nav>

我正在尝试将“Blog”元素链接到网站，而不是用作标签。 easytabs因为无法在代码中找到引用的元素而打破了页面。如何在easy选项卡中跳过包含此元素？我正在初始化easytabs的方式是这样的：

    $('#tab-container').easytabs({
         updateHash: false
    });

Answer 1

http://jsfiddle.net/6dqc6r4j/1/

在SPAN标记中更改url的元素LI

<span>
    <a href="http://example.com/blog"><i class="fa fa-pencil"></i>Blog</a>
</span>

从easytabs.js中排除列表项

1 个答案: