Почему может не работать модальное окно от бутстрапа, если все сделано правильно?

Question

[danil_linkins]

Реализовал модальное окно от бутстрапа, скрипты и прочее все присутствует, раньше окно работало и неожиданно перестало, за 5 часов не продвинулся ни на дюйм. Может кто сталкивался с такой проблемой.

Адрес лендинга на всякий случай: sportfresh.ru

<div class="dvigay">
                        <?php
                        include "admin/config.php";
                        $result = mysql_query("SELECT * FROM data ORDER BY id");

                          if($result === FALSE) { 
                            die(mysql_error()); // TODO: better error handling
                        }

                          while($myrow = mysql_fetch_array($result))
                        {
                            $a_title = $myrow['title'];
                            $a_date = $myrow['date'];
                            $a_preview = $myrow['preview'];
                            $a_text = $myrow['text'];
                            $a_id = $myrow['id'];

                            ?>
									<!-- article body -->
                            <div class="col-md-4 facts-item">
                                <div class="article-type">
                                    <img src="img/article.png" alt=""><span>статья</span>
                                </div>
                                <div class="article-link">
                                		<!-- article link -->
                                    <a href="#modal" class="block-scroll-article" data-toggle="modal" data-target="#myModal <?=$a_id?>"><?=$a_title?></a>
                                </div>
                                <div class="article-description">
                                    <p><?=$a_preview?></p>
                                    <div class="article-date">
                                        <span><?=$a_date?></span>
                                    </div>
                                </div>
                                <!-- modal window -->
                                <div class="modal fade" id="myModal'.$a_id.'" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                    <div class="modal-dialog">
                                        <h1><?=$a_title?></h1>
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <a href="#close" class="close close-modal-bootstrap close-modal-link" data-dismiss="modal" aria-hidden="true">
                                                    <img src="img/close-btn.png">
                                                </a>
                                            </div>
                                            <div class="modal-body">
                                                <?=$a_text?>
                                            </div>
                                            <div class="modal-footer">
                                                <div class="ya-share2 social-icon" data-services="vkontakte,facebook,twitter" data-counter=""></div>
                                                <div class="share-text">
                                                    <p>Поделиться статьей</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <?
                        }
                        ?>
                        </div>

Тестил на окне в других местах, окно сразу всплывает без вызова, но его все равно не видно, оно где то за пределами окна браузера.

Answer 1

[Александр Пупкин]

А если попробовать, вместо:
id="myModal'.$a_id.'"

id="myModal'{$a_id}'"

Comments

[danil_linkins]

Не помогло, там может быть в скриптах дело.

[danil_linkins]

Дебагом выяснил, что из-за этого куска скрипта не работают модалки:
if((".bxslider-fac .facts-item").length >0){
var context = $(".bxslider-fac");
var max = 3;
var min = 3;

var bx4 = $('.bxslider-fac .dvigay').bxSlider({
auto: false,
autoHover:true,
pager: false,
infiniteLoop: true,
moveSlides: 1,
minSlides: min,
maxSlides: max,
slideWidth: 310,
slideMargin: 0,
controls: false,
nextSelector: "",
prevSelector: "",
useCSS: true,
speed: 200,
easing: 'ease-out',
pause: 4000,
})
context.find('.left-arrow').click(function(e){
bx4.goToPrevSlide();
return false;
})

context.find('.right-arrow').click(function(e){
bx4.goToNextSlide();
return false;
});
}

Но этот скрипт отвечает за слайдер и по идее не должен ломать всплывающее окно

[Рома]

danil_linkins: то что написал автор выше так или иначе стоит исправить, ведь там не верная конкатенация, попробуйте подключить скрипты по очереди, jquery, bootstrap, bx-slider