Невозможно получить bootstrap modal для отображения

Question

Попытка использовать базовый модальный, который я взял с сайта начальной загрузки. Прямая ссылка здесь 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 поступает из папки вашей темы, а не из CDN jquery, как указано в примере кода. Кроме того, на странице «Просмотр источника» нет ни тегов, ни закрытия тега. Линия для загрузки бутстрапа 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 \ журналы
• 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/