从easytabs.js排除列表项

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>

我正在尝试使“博客”元素链接到网站，而不是用作标签。 但是easytabs破坏了页面，因为它无法在代码中找到引用的元素。 如何跳过在简单选项卡中包含此元素？ 我初始化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>