사용자 정의 구글 검색, 같은 모달

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>

구글 맞춤 검색을위한 검색 창입니다

. 검색 창은 잘 렌더링되지만 검색 상자 아래 열지 않고 결과가 두 번째 모달로 열립니다. GCSE가 현재 모달로 결과를 열도록하려면 어떻게해야합니까?

그래서이 jsFiddle에서 html에서 스크립트를 제거하면 트릭을 만들었다는 것을 알았을 때 문제가 해결되었다고 생각했지만 ASP.NET 응용 프로그램에서 ScriptManager를 통해 스크립트를로드하더라도 결과는 항상 열립니다. 별도의 모달.

는 모달 및 밖으로 사라질 사업부에 포함되는 것은 아니다 :

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

는 I 위 생략한다. 차이가있을 수 있습니까?

Answer 1

글쎄, 분명히 모달 밖으로 스크립트를 이동하여 내 문제를 해결, 이치에 맞습니다.

바라건대 이것은 일부 사람들의 두통입니다.