Bootstrap Modal在Xamp服务器中工作,在远程服务器

时间:2016-03-23 10:46:16

标签: twitter-bootstrap

我有一个使用twitter Bootstrap的代码,它在本地服务器(Xamp)中运行良好但是当我将相同的文件传输到远程服务器时,twitter bootstrap模式无法正常工作。谁知道什么是错的,或者我应该在服务器上安装什么东西?我使用的是Linux服务器Ubuntu 14.04。提前谢谢

 <script>
	


$('#myModal').on('shown.bs.loaded', function (e) {

    // get a data attribute value from the clicked element
    var merchantName = $(e.relatedTarget).data('merchant-name');

    // and set the content of the shown remote modal
    $('#myModalLabel').text("shown.bs.loaded event triggered");

});

// cleanup the content of the hidden remote modal because it is cached
$('#reservationModal').on('hide.bs.modal', function (e) {

    $(this).removeData('bs.modal');

});
	
	</script>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" 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">Content Has not loaded Successfully</h4>

            </div>
            <div class="modal-body">
                <div class="te">If You see</div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
    </div>


<a data-toggle="modal" href="<?php echo base_url('admin/dashboard/book_thisroute/'.$dashboard_upcoming->tour_id); ?>" data-target="#myModal" data-merchant-name="Bob's House of Pancakes" class="btn btn-success btn-xs"><?php echo lang('Book ticket'); ?></a>

0 个答案:

没有答案