Question

我正在尝试制作自适应导航：

       <header>
            <nav>
                <ul class="navigation">
                    <li>
                        <a href="#">asd</a>             
                    </li>
                    <li>
                        <a href="#">asd</a>             
                    </li>
                    <li>
                        <a href="#">asd</a>             
                    </li>
                    <button type="button" id="showmenu"> << </button>
                </ul>
            </nav>
        </header>

不能使用jquery切换，因为按钮也消失了，所以我尝试了另一种方式，但是else语句没有执行

$(document).ready(function() {

            if(menu=1) {
            $('#showmenu').click(function(){
                $('nav ul li').hide()
                $('nav ul').css('width', '3%');
                menu = 2;
            });
            }
            else { 

                $('#showmenu').click(function() {
                $('nav ul ').show();
                $('nav ul').css('width', '100%');
                menu = 1;
                });
            }                       
        });

这是一个向左滑动的内联导航。我见过一堆其他的例子，但没有一个例子，隐藏菜单的按钮在导航中。对如何使这项工作有任何建议？之前使用过切换，但else语句仍然无法执行。这是一个JS小提琴：http://jsfiddle.net/qEtgR/7/

编辑： ==运算符不会更改内容，否则语句仍然不执行，也不会声明全局var菜单。

Answer 1

问题在于：

hash-set!

Answer 2

使用相等运算符

if(menu==1) {

Jquery其他没有执行

2 个答案: