div 안에 다른 페이지를로드하는 방법은 무엇입니까?

Question

루프를 사용하여 여러 div를 만든 다음 그 안에 div가로드되기를 원하는 값인 숨겨진 필드가 있습니다. 나는 load() 기능을 시도했지만 느린 것으로 판명되었습니다. iframe을 사용할 때와 마찬가지로로드하는 데 시간이 오래 걸리고 높이 때문에 높이가 확장되지 않습니다. 이것을 할 수있는 다른 방법이 있습니까?

UPDATE

내 HTML 코드 파일 이름 index.html.erb

<div id="surveyDiv" style="overflow-y:auto;" > 
    <% @sections.each do |sec| %> 
    <% #sec = @sections.first %> 
    <br/> 
    <% @div_id = "survey_section_" + (sec.id).to_s %> 
    <div id="<%=h @div_id %>"> 
     <img src="/images/loading.gif" id="loadingPic"/> 
     <input type=hidden id="hid" name="hid" value="<%=h @srcString + "?section=" + (sec.id).to_s %>"/> 
     <!--<iframe id="the_frame" name="the_frame" src="<%#=h @srcString + "?section=" + (sec.id).to_s %>" scrolling="yes" frameborder="no" ></iframe>--> 
    </div> 
    <script type="text/javascript"> 
     /*$('div:last').load($('input[type=hidden]:last').val())*/ 

     $.get($('input[type=hidden]:last').val(), function(data) { 
      $('.surveyDiv div:last').html(data); 
     }); 

     $('div:last').ready(function() { 
      $('#loadingPic').css('display','none') 
     }); 
    </script> 
    <% end %> 
</div> 

---

Samich의 대답은 좋다,하지만 난 그것을 사용할 때 다음, 나는로드 된 HTML 지금은 볼 수 없습니다 ..hehe

Answer 1

Samich가 맞습니다. 작업에 좋습니다. div 크기 조정에 대해서 : 나는 내 웹 사이트 중 하나에서 팝업과 비슷한 문제를 겪었습니다. 로드 된 컨텐츠에 따라 팝업 크기가 조정되었지만 사파리와 탐색기에서 이상한 상황이 발생했습니다. 텍스트가 너무 길면 팝업이 좋지 않은 최대 폭을 가졌으므로 대신 단어를 감싸는 것이 좋습니다. 이상적인 방법은 콘텐츠의 콘텐츠 너비를 정의하는 것입니다.

<div class="d1">some text</div> 

당신이 CSS를 통해 .d1 폭을 정의하거나 div 태그에 대한 인라인 스타일을 정의해야 하나 크로스 브라우저 일관성을 제공하기 위해 : 예를 들어, 당신은 HTML 컨테이너에로드해야합니다.

Answer 2

나는 정말로 이해하지 못한다. .. ASP?

그러나 이것은

<div id="surveyDiv" style="overflow-y:auto;" > 
    <% @sections.each do |sec| %> 
    <% #sec = @sections.first %> 
    <br/> 
    <% @div_id = "survey_section_" + (sec.id).to_s %> 
    <div id="<%=h @div_id %>"> 
     <img src="/images/loading.gif" id="loadingPic" /> 
     <input type="hidden" class="helloimhidden" id="hid<%=h @div_id %>" name="hid" value="<%=h @srcString + "?section=" + (sec.id).to_s %>" /> 
    </div> 
    <% end %> 
</div> 
<script type="text/javascript"> 
    $('.helloimhidden').each(function() { 
     var myInput = $(this); 
     $.get(myInput.val(), function(data) { 
      myInput.parent().html(data); 
     }); 
    }); 
</script> 

날, 내가 덮어있어 myInput 때문에 그래서이

<script type="text/javascript"> 
    var myI = 0; 
    var myInput = []; 
    $('.helloimhidden').each(function() { 
     myInput[myI] = $(this); 
     $.get(myInput[myI].val(), function(data) { 
      myInput[myI].parent().html(data); 
     }); 
     myI++; 
    }); 
</script> 

을 시도하는 경우에 마지막 사업부가 ... 결과가 표시됩니다 두려워 어떻게되는지 알려 주시기 바랍니다 시도