JQuery重复脚本/源代码以支持功能

时间:2017-03-09 15:15:34

标签: javascript jquery html

我很乐意学习编码,但却有一个我很少知道的令人沮丧的问题。

我使用以下代码来支持该网站,包括滚动导航栏:               

         <!-- jQuery -->
        <script src="js/jquery.js"></script>

        <!-- Bootstrap Core JavaScript -->
        <script src="js/bootstrap.min.js"></script>

        <!-- Scrolling Nav JavaScript -->
        <script src="js/jquery.easing.min.js"></script>
        <script src="js/scrolling-nav.js"></script>

.........                             

                    <div class="container navbar-container">

                        <h2>Scroll to a specific <br>restaurant:</h2>
                      <nav class="navbar navbar-default">


                        <ul class="nav nav-pills nav-stacked">
                            <li><a href="#2west">2 WEST</a></li>
                            <li><a href="#13north">13 NORTH</a></li>
                            <li><a href="#15church">15 CHURCH</a></li>
                            <li><a href="#baileys"><h5>BAILEY'S CAFE-&dollar;Deal!</h5></a></li>
                            <li><a href="#barrelhouse">THE BARRELHOUSE</a></li>
                            <li><a href="#beekman"><h5>BEEKMAN BAR &AMP; EATERY-&dollar;Deal!</h5></a></li>

.....

                    </ul>

                  </nav>

                </div>      

            </body>

           </div> 

然后,添加弹出框我添加:                            ...


                                        

  • 小时

                                        <div data-role="popup" id="westhours">
                                        <h2>Monday-Thursday 11:00am - 11:00pm<br>
                                        Friday &amp; Saturday 11:00am - 12:00am<br>
                                        Sunday 10:30am - 10:00pm<br>
    
                                        Please note: Kitchen closes 1 hour prior to closing.</h2>
                                        </div>
                                        </li>
                                       </ul>
    

    使用两个代码段,滚动导航栏不会链接到各个部分。 如果我删除导航条形码,则弹出框有效。 如果我删除原始部分,popbox不起作用。

    我知道我必须有相互冲突的源代码和脚本代码,但我无法找到要删除的正确代码,因此弹出框和导航栏功能都一样!

    请帮忙!

  • 1 个答案:

    答案 0 :(得分:0)

    从插件的作者那里获取this个工作代码。然后添加新选项卡,重命名它们。