1

我有一个 jsp，里面有 iframe。我正在尝试在 iframe 中加载另一个 jsp：

 scripts and links ...
<body>
<iframe src="/contextmenu">
</iframe>

<div style="float:left;">
    <div id="StudentTableContainer" style="width:70%;"></div>
</div>
</body>
</html>

这是上下文菜单：

 scripts and links ...
    <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>
            ...
        </ul>
    </div>
    </body>

这个想法是将位于第一个 jsp 中的 javascript 和位于 iframe 内页面中的 javascript 分开。我无法在一个页面中合并 javascript（没有 iframe），因为它会导致错误和页面崩溃。但不幸的是，iframe 中的 javascript 根本不起作用。<head>从不调用警报中的这段代码：

<script>
    jQuery(document).ready(function () {
        alert(1);
        $('#listView').listview();
    });
</script>

而且我不确定我是否可以像这样加载另一个 js 或 css 文件：

 <script type="text/javascript"
            src="<c:url value="/resources/js/jquery.mobile-1.2.1/jquery.mobile-1.2.1.js"/>"></script>

我对 web 和 javascript 也很陌生，如果这个问题很愚蠢，很抱歉。我会很感激任何帮助。

4

1 回答 1

1

这个<script>标签对吗？

<script type="text/javascript"
    src="<c:url value="/resources/js/jquery.mobile-1.2.1/jquery.mobile-1.2.1.js"/>"></script>

这部分是否c:意味着这是一个 ColdFusion 模板或类似的东西？

无论如何，这不是浏览器所看到的。无论此模板代码生成什么，都是浏览器看到的，所以这就是您需要查看的内容。浏览器中的普通<script>标签如下所示：

<script src="/resources/js/jquery.mobile-1.2.1/jquery.mobile-1.2.1.js">
</script>

（你不需要type="text/javascript".）

您熟悉任何浏览器中的开发人员工具吗？是时候开始使用它们了。在 Chrome 中加载您的页面并打开开发者工具（Windows 中的 F12，我认为在其他操作系统上是 Ctrl+Shift+I，或者您可以在 Chrome 菜单中找到它）。您可能会在开发人员工具的控制台面板中看到一条错误消息。（请务必在打开工具后重新加载页面。）

要进一步调试，请更改此代码：

<script>
    jQuery(document).ready(function () {
        alert(1);
        $('#listView').listview();
    });
</script>

至：

<script>
    debugger;
    jQuery(document).ready(function () {
        debugger;
        $('#listView').listview();
    });
</script>

并在开发人员工具打开的情况下重新加载页面。

当它停在第一debugger条语句上时，将鼠标滚动到jQuery代码中的名称上。它显示了它的定义还是说它是undefined？这将告诉您是否正在加载 jQuery。

如果它甚至没有到达第一debugger条语句，那么<script>由于某种原因它根本没有运行它。但在这种情况下，开发人员工具应该会向您显示某种错误消息。

在执行此操作时，请花一些时间真正熟悉开发人员工具。我向你保证，它将增加你的生产力。这是对 DevTools 的介绍。

于 2013-07-03T19:52:03.500 回答