JavaScript внутри 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. Что я делаю неправильно? Благодаря!

источник

2013-07-03 Andrey Yaskulsky

Поскольку вы включили jQuery Mobile на странице, вам также необходимо включить плагин jQuery перед этим. Вы должны получить ошибку JavaScript, которая jQuery не определена.

источник

2013-07-03 19:54:14

Спасибо, брат! Вы спасли мое время! –

Я думаю, что ваша jQuery(document).ready часть стреляет до того, как iframe фактически загрузится. Если это так, вам нужно будет выполнить пользовательскую функцию для ее обработки. Вы можете найти что-то вроде этого: jQuery .ready in a dynamically inserted iframe.

источник

2013-07-03 19:50:58

JavaScript внутри IFRAME не работает

ответ

Смежные вопросы