标头链接上的Bootstrap Modal无法正常工作

时间:2017-04-17 17:02:33

标签: javascript php jquery css twitter-bootstrap

嗨,非常感谢您访问这篇文章。我非常感谢它:)顺便说一下模态正在工作但是当我在我的菜单上添加它时它不会点亮或显示单击但在其他按钮上它工作。

链接在我的header.php上它有这个代码“href =”#portfolioModal1“class =”portfolio-link“data-toggle =”modal“”但在我的页脚链接上工作,但当我把它添加到我的标题时,它无法正常工作。

          <div id="header" class="alt">
                    <nav id="nav">
                        <ul>
                            <li class="special">


                                <a href="#menu"  class="menuToggle" id="welcomeDivs"><span> menu</span></a>

                                <div id="menu">
                                  <div class="logo_menu">
                                    <img src="<?php bloginfo('stylesheet_directory'); ?>/img/logo.png">
                                 </div> 
                                        <ul>
                                        <li><a href="<?php bloginfo('url'); ?>">Home</a></li>
                                        <li><a href="<?php bloginfo('url'); ?>/company-values">Company Values</a></li>
                                        <li><a href="<?php bloginfo('url'); ?>/our-services">Our services</a></li>
                                        <li><a class="mbtn" href="#portfolioModal1" class="portfolio-link" data-toggle="modal" >Need Home health care now?</a></li>
                                        <li><a href="<?php bloginfo('url'); ?>/meet-the-team">Meet the Team</a></li>
                                    </ul>





                                </div>


                            </li>
                        </ul>

                    </nav>

                </div>

模态代码在我的footer.php上

<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
                <div class="close-modal" data-dismiss="modal">
                   <p class="cl"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span> ClOSE</p>

                </div>
        <div class="modal-dialog">

            <div class="modal-content">


            <!-- First Div -->
 <div class="col-md-6 conone condits">
    <h4>Contact us</h4>

</div>

            <!-- END First Div -->


            <!-- Second Div -->

 <div class="col-md-6 conone">
                                <!-- Project Details Go Here -->
       <?php echo do_shortcode( '[contact-form-7 id="52" title="send"]' ); ?>
</div>
            <!-- END Second Div -->

            </div>
        </div>
    </div>

0 个答案:

没有答案