Question

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

Answer 1

我认为你的jQuery(document).ready部分在iframe实际加载之前就已经开始了。如果这是正确的，你将不得不做一个自定义功能来处理它。你可以在这里找到类似的东西：jQuery .ready in a dynamically inserted iframe。

Answer 2

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

iframe中的JavaScript不起作用

2 个答案: