Question

我正在使用Bootstrap折叠区域来隐藏信息，直到面板折叠为止。我必须向你展示我的网站，因为我无法在JSfiddle中重新创建问题因为它在那里工作但在我的网站上没有...

我最近制作了这个网站的WordPress主题，虽然崩溃在静态网站上运行，但它在WordPress中无效。看一看： jsfiddle ---- the wordpress site

            <!-- g3 --> 

                <div class="row">
                    <div class="well main-wells">

                        <h2 class="text-center"><a href="javascript:void(0)" data-toggle="collapse" data-target="#g3">About</a></h2>

                        <div id="g3" class="collapse g3">

                           <div class="container-fluid">
                                <div class="col-sm-6">
                                    <img src="<?php get_template_directory_uri() ?>/assets/img/me.png" class="img-responsive" alt="">
                                </div>
                                <div class="col-sm-6">
                                <p>I combine technology and design to make great user experiences. Having worked in different businesses in various roles, I am accustomed to rapidly changing technology. I enjoy working in challenging environments and learning new technology. Over the years, I learned to meet my objectives through organization and contributing creativity, knowledge, and recommendations based on the needs of the task.</p>
                                <hr><h4>Mission</h4>
                                <blockquote>To produce innovative, value intensive products by cultivating my creativity and capabilities with dedication, while always supporting the bigger, common goal.</blockquote>
                           </div><!-- row -->
                                </div>


                      </div> <!-- g3/collapse -->
                    </div><!-- well -->
                </div><!-- row -->

            <!-- g3 end -->

当您点击该按钮时，面板会打开，但当您再次点击时，＆＃39; in＆＃39;类不会删除它应该。

任何想法为什么＆＃39; in＆＃39;类不会像在JSfiddle中那样在WP站点上删除。？

Answer 1

在您的网站中，您多次调用脚本，包括404.

404区块：

Failed to load resource: the server responded with a status of 404 (Not Found) http://omarhabash.com/wp/assets/css/bootstrap.min.css
Failed to load resource: the server responded with a status of 404 (Not Found) http://omarhabash.com/wp/assets/css/style.css
Failed to load resource: the server responded with a status of 404 (Not Found) http://omarhabash.com/wp/assets/plugins/grid/component.css
Failed to load resource: the server responded with a status of 404 (Not Found) http://omarhabash.com/wp/assets/js/modernizr.custom.js
Failed to load resource: the server responded with a status of 404 (Not Found) http://omarhabash.com/img/star.png1
Consider using 'dppx' units, as in CSS 'dpi' means dots-per-CSS-inch, not dots-per-physical-inch, so does not correspond to the actual 'dpi' of a screen. In media query expression: (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi)

然后在你的头脑中，你有像modernizr这样的脚本叫两次

然后在您的<footer>中，您拥有在<head>中调用的相同脚本。只需清理您的网站，它应该可以正常工作

WordPress并没有删除Bootstrap的崩溃等级＆＃39;

1 个答案: