Question

我正在使用twitter引导滚动创建单页网站，取自此示例：http://brocknunn.com/untame/scroller/。它有效，但我有一个奇怪的问题。从下拉菜单应该通过GET传递变量但不起作用，在地址栏中没有出现任何var（例如index.php？id = 1）....它只有在我禁用底部的代码时才有效页

<script>
              $ ('# top-nav'). onePageNav ({
                  currentClass: 'active',
                  changeHash: true,
                  scrollSpeed: 1200
             });
         </ script>

下拉菜单是标准的bootstrap 2.3.2

<div class="navbar navbar-inverse">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>

                <div class="nav-collapse collapse">
                    <ul class="nav" id="top-nav">
                        <li ><a href="#section-0">Home</a></li>
                        <li><a href="#section-1">Page1</a></li>
                        <li class="dropdown">
                           <a href="#" class="dropdown-toggle" data-toggle="dropdown">Foto Gallery<span class="caret red-caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="index.php?id=1#section-2">Gallery 1</a></li>
                        <li><a href="index.php?id=2#section-2">Gallery 2</a></li>
                    </ul>                    
                        </li> 
                        <li><a href="#section-3">Contacts</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

Answer 1

看起来，我很确定，jQuery插件会阻止与<a href链接相关联的默认GET操作。

它只是取出标签片段#section-2并向下滚动到与片段匹配的锚点。

尝试使用不同的插件或根本不使用插件，滚动操作非常简单。

请参阅插件http://brocknunn.com/untame/scroller/js/plugins.js中的代码：

                onAfter: function() {
                    //Do we need to change the hash?
                    if(self.config.changeHash) {
                        window.location.hash = newLoc;
                    }

                    //Add the auto-adjust on scroll back in
                    self.bindInterval();

                    //End callback
                    if(self.config.end) {
                        self.config.end();
                    }
                }
            });
        }

        e.preventDefault();
                    ^^^^^^^^

该插件无法关注您的链接。

引导下拉菜单和$ _GET错误

1 个答案: