Загрузка встроенных скриптов внутри внешней страницы, загруженной в iframe в div аккордеона

Я использую jQuery Аккордеон.

В аккордеоне я пытаюсь загрузить внешнюю страницу в iframe, которая находится в аккордеоне div. Страница загружена, но встроенные скрипты не выполняются, только 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 он работает правильно.

В чем проблема? Пожалуйста, помогите решить это.


javascript iframe jquery jquery-ui-accordion
person abc123    schedule 16.01.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вы должны включить jquery в свой iframe.

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

Хорошо, тогда проверь свой путь, если он правильный -

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

Если это тоже не работает, сделайте элемент Inspect для поиска ошибок.

person Anup    schedule 16.01.2014
comment
Я включил файлы заголовков, я не упомянул об этом. Теперь я отредактировал сообщение. - person abc123; 16.01.2014