2013-07-03 52 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