Пользовательские Google Поиск в начальной загрузки модальный, открытые результаты в то же модальная

Question

У меня есть это модальное окно:

.reset-box-sizing, 
 
.reset-box-sizing *, 
 
.reset-box-sizing *:before, 
 
.reset-box-sizing *:after, 
 
.gsc-inline-block { 
 
    -webkit-box-sizing: content-box; 
 
    -moz-box-sizing: content-box; 
 
    box-sizing: content-box; 
 
} 
 
input.gsc-input, 
 
.gsc-input-box, 
 
.gsc-input-box-hover, 
 
.gsc-input-box-focus, 
 
.gsc-search-button { 
 
    box-sizing: content-box; 
 
    line-height: normal; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
 

 
<!-- Search Modal --> 
 
<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">Search</h4> 
 
    </div> 
 
    <div class="modal-body"> 
 
     <script> 
 
      (function() { 
 
       var cx = '008143018313713111535:r1f77umm7kk'; 
 
       var gcse = document.createElement('script'); 
 
       gcse.type = 'text/javascript'; 
 
       gcse.async = true; 
 
       gcse.src = 'https://cse.google.com/cse.js?cx=' + cx; 
 
       var s = document.getElementsByTagName('script')[0]; 
 
       s.parentNode.insertBefore(gcse, s); 
 
      })(); 
 
     </script> 
 
     <gcse:searchbox></gcse:searchbox> 
 

 
     <hr /> 
 

 
     <gcse:searchresults></gcse:searchresults> 
 

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

Что окно поиска для пользовательского поиска Google. Окно поиска отлично отображает, но результаты открываются во втором модальном виде, а не открываются под окном поиска. Как я могу заставить GCSE открыть результаты в текущем модальном?

Поэтому я решил, что решил проблему, когда увидел, что удаление скрипта из html здесь в этом jsFiddle сделал трюк, однако даже если я загружаю скрипт через ScriptManager в моем приложении ASP.NET, результаты всегда открываются в отдельный модальный.

Следует отметить, что модальный содержится в DIV будет постепенно исчезать и из:

<div id="modalSearch" class="modal fade" role="dialog"> 

, который я пропустил выше. Может ли это изменить ситуацию?

Answer 1

Ну, по-видимому, я решил проблему, переместив сценарий из модального, что имеет смысл.

Надеюсь, это некоторые некоторые головные боли.