начальной загрузки модальный вопрос при нажатии

Question

sample.html: На этой странице я была кнопка, как показано ниже, как

<button data-toggle="modal" class="btn btn-info" onclick="location.href='home.html'" data-target="#testModal">button</button> 

по клику на кнопку сверху открыть модальное имени home.cfm и его содержание, как показано ниже, как

home.html:

<div id="testModal" class="modal fade" role="dialog"> 
    <div class="modal-dialog"> 

    <!-- Modal content--> 
    <div class="modal-content"> 

     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal">&times;</button> 
     <h4 class="modal-title">Modal Header</h4> 
     </div> 

     <div class="modal-body"> 
     <p>Some text in the modal.</p> 
     </div> 

     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     </div> 

    </div> 

    </div> 
</div> 

но не модальный не opening.please помочь

Answer 1

Вам просто нужно вызвать текстовые данные из файла home.html, поэтому введите код ниже в файл sample.html.

<button class="btn btn-info" onclick="show_modal('home.html','Home page','')">button</button> 

<div class="modal fade bs-modal-sm" id="modal" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true"> 
    <div class="modal-dialog animated bounceIn"> 
     <div class="modal-content"> 
     </div> 
    </div> 
</div> 

Добавить одну функцию в файл js и добавить ссылку на этот файл js в sample.html.

function show_modal(target, title, size) { 

    jQuery('#modal').removeData('bs.modal'); 
    jQuery('.modal-content').html(''); 
    jQuery('.modal-dialog').removeClass('modal-lg'); 
    jQuery('#modal').removeClass('create_event_task'); 
    jQuery('.modal-dialog').addClass(size); 
    var newTarget = target.indexOf("?") >= 0 ? target + '&modal-title=' + title : target + '?modal-title=' + title; 
    jQuery('#modal').modal({remote: encodeURI(newTarget)}); 
} 

Добавить код ниже в файле home.html.

<div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal">&times;</button> 
     <h4 class="modal-title">Modal Header</h4> 
     </div> 

     <div class="modal-body"> 
     <p>Some text in the modal.</p> 
     </div> 

     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     </div> 

Я надеюсь, что это поможет вам.