2013-07-03 59 views
0

我試圖表明裏面的iframe此頁:的JavaScript裏面的iframe不工作

<html> 
<head> 
    <script type="text/javascript" 
      src="<c:url value="/resources/js/jquery.mobile-1.2.1/jquery.mobile-1.2.1.js"/>"></script> 
    <link href="<c:url value="/resources/js/jquery.mobile-1.2.1/jquery.mobile-1.2.1.css"/>" rel="stylesheet" 
      type="text/css"/> 
    <script> 
     jQuery(document).ready(function() { 
      $('#listView').listview(); 
     }); 
    </script> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf8"> 
    <title></title> 
</head> 
<body> 
<div data-role="content"> 
    <ul data-role="listview" id="listView"> 
     <li><a href="index.html">Inbox <span class="ui-li-count">12</span></a></li> 
     <li><a href="index.html">Outbox <span class="ui-li-count">0</span></a></li> 
     <li><a href="index.html">Drafts <span class="ui-li-count">4</span></a></li> 
     <li><a href="index.html">Sent <span class="ui-li-count">328</span></a></li> 
     <li><a href="index.html">Trash <span class="ui-li-count">62</span></a></li> 
    </ul> 
</div> 
</body> 
</html> 

此頁面包含一些JavaScript必須爲這個頁面(不在父頁)中應用樣式執行。但它根本不起作用。頁面看起來像簡單的HTML。 我做錯了什麼?謝謝!

回答

0

由於您在頁面上包含jQuery Mobile,因此您還需要在其之前包含jQuery插件。你應該得到一個jQuery未定義的JavaScript錯誤。

+0

謝謝,兄弟!你節省了我的時間! –

0

我認爲你的jQuery(document).ready部分在iframe實際上被加載之前觸發。如果這是正確的,你將不得不做一個自定義函數來處理它。你可以在這裏找到這樣的東西:jQuery .ready in a dynamically inserted iframe