无法在按钮单击时显示弹出窗口

时间:2014-02-16 14:24:07

标签: php jquery html

我正在使用codeigniter在php中开发网站。我需要在我的视图中单击“立即预订”按钮时添加弹出窗口(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 -->

1 个答案:

答案 0 :(得分:1)

试试这个:

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