响应式菜单问题

时间:2013-05-08 12:31:37

标签: navigation

大家好,我在新建EE2网站上的响应式菜单有点问题。

这是代码:

    <div class="twelve columns alpha navigation">

        <!-- Default Superfish Nav (add/remove "light" class to toggle visual styling) -->
        <ul class="sf-menu light">
            <li><a href="/"><strong>Home</strong> <span>Get Started</span></a></li>
            <li><a href="{site_url}submit"><strong>Submit yours</strong> <span>Choose your 8!</span></a> 
                </li>
            <li><a href="{site_url}archives"><strong>Previous Castways</strong> <span>View the archives</span></a>  
                </li>
            <li><a href="{site_url}news"><strong>Latest News</strong> <span>Check out the news</span></a>   
                </li>

            <li><a href="{site_url}contact"><strong>Contact</strong> <span>Say Hello!</span></a></li>
        </ul>
        <!-- /End Default Superfish Nav-->

        <!-- Responsive Nav - Displays when screen gets small enough -->
        <form id="responsive-nav" action="insert_action" method="post">
            <select>
                <option value="/">Home</option>
                <option value="{site_url}submit">Submit your 8!</option>
                <option value="{site_url}archives">Previous castaways</option>
                <option value="{site_url}news">The news</option>                        
                <option value="{site_url}contact">Contact</option>
            </select>
        </form>
        <!-- /End Responsive Nav -->    
    </div>  <!--end of top menu-->

jQuery被加载到头部现在我把它放在文档的底部,但仍然没有! 有人可以帮忙吗?我检查了路径,它们似乎都很好,从代码中可以看出,响应式菜单的路径与完整大小的菜单相同。只是无法弄清楚为什么它不起作用。 我应该补充一点,在查看页面源时,会生成选择菜单和相关链接,但是它们不会将您发送到实际的相应页面!

我正在使用selected.js插件。以下是此代码:

[http://harvesthq.github.io/chosen/][1]

非常感谢提前。

1 个答案:

答案 0 :(得分:1)

感谢你们的努力。我发现(通过反复试验!)插件(selected.js)与最新版本的jQuery存在某种冲突。我恢复到早期版本(1.6),再次与世界相处得很好。

再次感谢。