Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript activate.bs.scrollspy是否未通过下拉菜单调用?_Javascript_Jquery_Twitter Bootstrap_Twitter Bootstrap 3 - Fatal编程技术网

Javascript activate.bs.scrollspy是否未通过下拉菜单调用?

Javascript activate.bs.scrollspy是否未通过下拉菜单调用?,javascript,jquery,twitter-bootstrap,twitter-bootstrap-3,Javascript,Jquery,Twitter Bootstrap,Twitter Bootstrap 3,我在下拉列表中有这个目录,我想使用scrollspy()来跟踪我在文档中的位置。我经常有数百页,所以下拉菜单中有和overflow-y:auto在这一点上有一定的设计意义。但是,当页面发生变化时,我还想做一些其他的事情。值得注意的是,将下拉按钮上的页面#更改为实际页面。我将使用类似以下内容: $('#myScrollspy').on('activate.bs.scrollspy', function () { // do something… }) 然而,这是行不通的查看以下小提琴: 注意

我在下拉列表中有这个目录,我想使用
scrollspy()
来跟踪我在文档中的位置。我经常有数百页,所以下拉菜单中有和
overflow-y:auto在这一点上有一定的设计意义。但是,当页面发生变化时,我还想做一些其他的事情。值得注意的是,将下拉按钮上的页面#更改为实际页面。我将使用类似以下内容:

$('#myScrollspy').on('activate.bs.scrollspy', function () {
  // do something…
})
然而,这是行不通的查看以下小提琴: 注意:我使用的是Bootstrap3.0.2,出于某种原因,我尝试了activate而不是activate.bs.scrollspy。“过去”就是这样做的

我已将代码粘贴到下面。我计划在他们的github页面上打开一个问题,但由于我对使用bootstrap还比较陌生,所以我想我会先寻求帮助。我可能做错了什么?(代码如下)

HTML CSS
部分{padding top:40px;}

'doh

  • 没有下拉类

    <nav class="navbar navbar-inverse navbar-fixed-top" id="nav_container" role="navigation">
        <div class="container">
            <a class="navbar-brand" href="#">Some WorkSpace</a>
    
            <div class="pull-right nav">
                <div class="btn-group">
                    <button type="button" class="btn btn-primary navbar-btn">«</button>
                    <button type="button" class="btn navbar-btn btn-primary dropdown-toggle" data-toggle="dropdown" id="page_nav">Page: # <span class="caret"></span>
                    </button>
    
    
    <ul class="dropdown-menu" id="page_nav" aria-labelledby="dLbael">
    
    
        <li role="presentation" class="pg_nav">
            <a href="#pg-1" title="Page : no page number" role="menuitem" tabindex="-1">1</a>
        </li>
         <li role="presentation" class="pg_nav">
            <a href="#pg-2" title="Page : no page number" role="menuitem" tabindex="-1">2</a>
        </li>
         <li role="presentation" class="pg_nav">
            <a href="#pg-3" title="Page : no page number" role="menuitem" tabindex="-1">3</a>
        </li>
    
    
    
    
    </ul>
                    <button type="button" class="btn btn-primary navbar-btn">»</button>
                </div>
                <button type="button" class="btn navbar-btn" disabled="disabled">
                    Apply
                </button>
                <button type="button" class="btn btn-warning navbar-btn">
                    Reset
                </button>
            </div>
        </div>
    </nav>
    <div class="container">
        <section id="pg-1">
            <h3>Bacon</h3>
            <p>
            Bacon ipsum dolor sit amet strip steak boudin shankle jerky meatball corned beef, kielbasa hamburger pastrami prosciutto. Frankfurter andouille jowl prosciutto leberkas brisket t-bone. Tri-tip pancetta cow pastrami pig beef ribs short ribs pork belly ham hock tenderloin turkey andouille. Sausage shoulder strip steak jowl tongue chuck, frankfurter ball tip beef ribs brisket. Spare ribs frankfurter beef ribs pig flank. Pancetta ball tip t-bone spare ribs brisket. Venison ham short ribs tenderloin, meatloaf biltong doner prosciutto pork leberkas pork chop shank tail chuck.
            </p>
            <p>
    Pastrami sausage filet mignon leberkas pork bresaola shank corned beef sirloin. Ham hock salami jerky strip steak capicola sirloin venison filet mignon boudin. Sirloin meatball kielbasa pig, drumstick beef ribs tenderloin shank prosciutto corned beef. Ham hock shankle capicola, sausage meatball strip steak ribeye kielbasa.
            </p>
            <p>
    Pancetta capicola sirloin, biltong pork loin chuck turducken boudin. Shoulder hamburger andouille pork loin pork belly chicken. Venison ball tip ground round meatloaf rump cow biltong kielbasa tail capicola flank. Tongue andouille strip steak, venison pork belly ham boudin jowl shank capicola pig shankle. Bacon pastrami pancetta, sausage hamburger chicken shank short loin. Swine fatback short loin, ham filet mignon t-bone turkey jowl prosciutto.
            </p>
        </section>
            <section id="pg-2">
            <h3>Sausage</h3>
            <p>
            Bacon ipsum dolor sit amet strip steak boudin shankle jerky meatball corned beef, kielbasa hamburger pastrami prosciutto. Frankfurter andouille jowl prosciutto leberkas brisket t-bone. Tri-tip pancetta cow pastrami pig beef ribs short ribs pork belly ham hock tenderloin turkey andouille. Sausage shoulder strip steak jowl tongue chuck, frankfurter ball tip beef ribs brisket. Spare ribs frankfurter beef ribs pig flank. Pancetta ball tip t-bone spare ribs brisket. Venison ham short ribs tenderloin, meatloaf biltong doner prosciutto pork leberkas pork chop shank tail chuck.
            </p>
            <p>
    Pastrami sausage filet mignon leberkas pork bresaola shank corned beef sirloin. Ham hock salami jerky strip steak capicola sirloin venison filet mignon boudin. Sirloin meatball kielbasa pig, drumstick beef ribs tenderloin shank prosciutto corned beef. Ham hock shankle capicola, sausage meatball strip steak ribeye kielbasa.
            </p>
            <p>
    Pancetta capicola sirloin, biltong pork loin chuck turducken boudin. Shoulder hamburger andouille pork loin pork belly chicken. Venison ball tip ground round meatloaf rump cow biltong kielbasa tail capicola flank. Tongue andouille strip steak, venison pork belly ham boudin jowl shank capicola pig shankle. Bacon pastrami pancetta, sausage hamburger chicken shank short loin. Swine fatback short loin, ham filet mignon t-bone turkey jowl prosciutto.
            </p>
        </section>
            <section id="pg-3">
            <h3>"Right Lisa"
                <small>Some Magical Animal</small></h3>
            <p>
            Bacon ipsum dolor sit amet strip steak boudin shankle jerky meatball corned beef, kielbasa hamburger pastrami prosciutto. Frankfurter andouille jowl prosciutto leberkas brisket t-bone. Tri-tip pancetta cow pastrami pig beef ribs short ribs pork belly ham hock tenderloin turkey andouille. Sausage shoulder strip steak jowl tongue chuck, frankfurter ball tip beef ribs brisket. Spare ribs frankfurter beef ribs pig flank. Pancetta ball tip t-bone spare ribs brisket. Venison ham short ribs tenderloin, meatloaf biltong doner prosciutto pork leberkas pork chop shank tail chuck.
            </p>
            <p>
    Pastrami sausage filet mignon leberkas pork bresaola shank corned beef sirloin. Ham hock salami jerky strip steak capicola sirloin venison filet mignon boudin. Sirloin meatball kielbasa pig, drumstick beef ribs tenderloin shank prosciutto corned beef. Ham hock shankle capicola, sausage meatball strip steak ribeye kielbasa.
            </p>
            <p>
    Pancetta capicola sirloin, biltong pork loin chuck turducken boudin. Shoulder hamburger andouille pork loin pork belly chicken. Venison ball tip ground round meatloaf rump cow biltong kielbasa tail capicola flank. Tongue andouille strip steak, venison pork belly ham boudin jowl shank capicola pig shankle. Bacon pastrami pancetta, sausage hamburger chicken shank short loin. Swine fatback short loin, ham filet mignon t-bone turkey jowl prosciutto.
            </p>
        </section>
    
    </div>
    
    $(function() { 
        $('body').scrollspy({target: '#nav_container', offset: 47}); 
        $('#nav_container').on('activate.bs.scrollspy', function() { 
            console.log('sparkle, sparkle');
        });
    });