2014-01-16 44 views
0

我正在使用jQuery Accordion。在手風琴中的iframe中加載的外部頁面中加載內聯腳本div

在手風琴中,我試圖在手風琴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標籤,它的工作正常。

這是什麼問題?請幫忙解決這個問題。

回答

1

你必須在你的iframe中包含jquery。

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

好吧,然後檢查你的路徑,如果是正確的 -

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

如果這也不起作用,作出檢查元素,找出錯誤。

+0

我已經包含了頭文件,我沒有提到它。現在我編輯了這篇文章。 – abc123

+0

路徑是正確的,腳本文件中有錯誤 – abc123

相關問題