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

Question

Я разрабатываю веб-сайт в php с помощью codeigniter. Мне нужно добавить всплывающее окно, когда нажимаете кнопку «Забронировать сейчас» на моем экране (profile.php), следующий код отлично работая на HTML-странице без каких-либо проблем, но когда я смешиваю теги php, всплывающее окно приходит быстро и диспергатор. Это код, который я использую. Я не могу найти проблему и прислушаться к быстрой помощи. Может ли кто-нибудь объяснить ошибку здесь ?

это код, который с помощью

<button class="btn btn-danger" id="buy-btn">BOOK NOW</button> 
     <!-- Modal --> 
     <div class="modal fade" id="moreInfo" tabindex="-1" role="dialog" aria-labelledby="moreInfoLabel" aria-hidden="true"> 
     <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
      <h4 class="modal-title" id="moreInfoLabel"><?php echo $package_data['PackageTitle']; ?></h4> 
      </div> 
      <div class="modal-body"> 
     <p>Number of Peaple :<?php echo $tour_data['Visitors']?></p> 
     <p>Itenaries : Elephant Blues, Gallface, Brown Circus, Nelum Tower</p> 
     <p>Method of Travel : Taxi Service</p> 
     <p>Total Time Estimated : 6 Hours</p> 
     <hr> 
     <h4>Terms and Conditions</h4> 
      <p><?php echo $tour_data['TermsAndConditions']; ?></p> 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-primary center-block">Book Now</button> 
     </div> 
     </div><!-- /.modal-content --> 
    </div><!-- /.modal-dialog --> 
    </div><!-- /.modal --> 

Answer 1

Попробуйте это:

<button class="btn btn-danger" id="buy-btn" onclick="$('#moreInfo').modal({show: true});">BOOK NOW</button>