0

我尝试在 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。我做错了什么？谢谢！

4

2 回答 2

0

我认为你的jQuery(document).ready部分是在 iframe 实际加载之前触发的。如果那是正确的，您将不得不执行一个自定义函数来处理它。你可以在这里找到类似的东西：jQuery .ready 在动态插入的 iframe中。

于 2013-07-03T19:50:58.767 回答
0

由于您在页面上包含 jQuery Mobile，因此您还需要在此之前包含 jQuery 插件。你应该得到一个 jQuery 未定义的 JavaScript 错误。

于 2013-07-03T19:54:14.927 回答