Question

尝试使用我从bootstrap网站上获取的基本模态。这里有实时链接http://soloveich.com/pr6

需要模式出现在“分享”按钮点击，到目前为止没有运气。

链接代码

<li id="spacer"><a href="#sharebox" data-toggle="modal" data-target="#sharebox"><div id="share"><p>Share</p></div></a></li>

模态代码

 <div class="modal fade" id="sharebox" role="dialog">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
        </div>
        <div class="moda-body">
            <?php do_action( 'metroshare' ); ?>
        </div>
        <div class="modal-footer"></div>
    </div>
</div>
</div>

<?php wp_footer(); ?> 


<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="<?php bloginfo('template_url');?>/js/bootstrap.min.js"></script>

我的猜测是css与它无关。

Answer 1

问题是根本没有加载Bootstrap JS文件。

正在加载的jQuery文件来自您的主题文件夹，而不是代码示例中指示的jquery CDN。此外，页面上的“查看源”既不显示也不显示关闭正文标记。获得bootstrap JS的那条线看起来很不错。

让我相信您的模板中存在PHP错误导致页面底部无法输出。您可以查看PHP错误日志以获取一些线索。

要查找错误日志：

Where does PHP store the error log? (php5, apache, fastcgi, cpanel)
http://www.cyberciti.biz/faq/error_log-defines-file-where-script-errors-logged/
MAMP：/Applications/MAMP/logs/php_error.log
WAMP：C：\ wamp \ logs
XAMP：Where does PHP's error log reside in XAMPP?

或者只是从模板中删除内容，直到它再次运行。我首先删除社交媒体代码并将您的javascript包含移至上方。在这方面，请考虑使用wp_enqueue_script（）来加载脚本。您可以在WordPress codex和本教程中找到有关它的更多信息：http://wp.tutsplus.com/articles/cheat-sheets/the-complete-guide-to-proper-javascript-usage-with-wordpress/

无法获得bootstrap模式显示

1 个答案: