아코디언 div의 iframe에로드 된 외부 페이지에 인라인 스크립트를로드합니다.

jQuery 아코디언을 사용하고 있습니다.아코디언 div의 iframe에로드 된 외부 페이지에 인라인 스크립트를로드합니다.

아코디언 div에있는 iframe에 외부 페이지를로드하려고합니다. 페이지가로드되었지만 인라인 스크립트가 실행되지 않습니다. html 내용 만 iframe에 렌더링됩니다.

그러나 jQuery 탭을 사용하여 노력 중이면 올바르게 작동합니다. 여기

는 아코디언의 코드입니다 : 아래

$(function(){ 
    var accordion = $("#accordion").accordion();  

    $("#newSection").on('click',function(){ 
     var iDiv = $('<div id="div' + counter + '"</div>'), 
     frame = $('<iframe id="frame" src="/Common/NewPage"></iframe>'), 
     h3 = $("<h3>New Section</h3>"); 

     iDiv.append(frame); 
     accordion.append(h3); 
     accordion.append(iDiv);  
     counter += 1; 
     accordion.accordion("refresh");   
     accordion.accordion("option", "active", -1); 
    }); 
});

새 페이지의 코드가 프레임에로드 될

페이지를로드 할 때 스크립트 부분은 실행되지 않습니다

<script src="<%= Url.Content("~/Scripts/modernizr-2.5.3.js")%>"></script> 
<script src="<%= Url.Content("~/Scripts/jquery-1.9.1.js")%>"></script> 
<script src="<%= Url.Content("~/Scripts/jquery-ui.js")%>"></script> 

<!doctype html> 
    <html> 
     <head runat="server"> 
     <title></title> 
     </head> 

     <script> //this section is not executing 
     $(document).on('ready', function() {  
      $.getScript("../Scripts/lookup.js"); 
      $.getScript("../Scripts/page.js");   
     }); 
    </script> 

    <body> 

     //body elements 

    </body> 
</html>

하지만, jQuery 탭이 제대로 작동하는지 확인하십시오.

무엇이 문제입니까? 이 문제를 해결하는 데 도움주세요.

출처

2014-01-16 abc123

iframe에 jquery를 포함해야합니다.

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

좋아,이 맞다면 다음 경로를 확인 -

$.getScript("~/Scripts/lookup.js"); 
$.getScript("~/Scripts/page.js");

이 또한 작동하지 않는 경우,이 오류를 찾기 위해 요소를 검사합니다.

출처

2014-01-16 06:19:17 Anup

헤더 파일을 포함 시켰지만 언급하지 않았습니다. 이제 게시물을 편집했습니다. – abc123

경로가 정확하고 스크립트 파일에 오류가 있습니다. – abc123

아코디언 div의 iframe에로드 된 외부 페이지에 인라인 스크립트를로드합니다.

답변

관련 문제