Question

我必须完成一个选择你自己的冒险游戏，我完全不知道为什么我没有看到我的浏览器中出现任何东西。我有一个数据结构，其中包含当前页面的图像，然后有两个选项。除了最后一个选项之外，这两个选项可以提前一步或提前两步。出于某种原因，我无法让它运行，我知道这可能只是一个小错误。

  AlternationCount="2" AlternatingRowBackground="Bisque"

Answer 1

您的问题是您的脚本代码设置不正确。

此脚本标记<script type="text/javascript" src="jquery-1.12.0.js">包含您的本地javascript以及对jquery的引用。它应该是一个或另一个，但不是两者。

首先，你想要这样做。您可以将src更改为本地或CDN，但这将包括jQuery。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script type="text/javascript">
    your code goes here
</script>

第二个问题是您有两个文档就绪功能。你应该只有一个;它的位置是有争议的，但它通常在你关闭身体标签之前在你的页面底部找到。

所以你的代码看起来像这样：

<!doctype html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="adventureStylez.css">
        <title>My Choose Your Own Adventure Game</title>
    </head>
    <body>
        <div id="page" class="blockCenter">
            <div id="page_img"></div>
            <div id="page_desc"></div>
            <div id="response"></div>
        </div>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
        <script type="text/javascript" src="jquery-1.12.0.js">
            //Other JS Code from top of page

            var current_page = 0;
            $(document).ready(function () {
                load_page(0);
                $('#response').on('click', '.choice', function () {
                   var loc = $(this).data('loc');
                   load_page(loc);
                });
            });
        </script>
    </body>
</html>

Answer 2

<script type="text/javascript" src="jquery-1.12.0.js">
    // Your code
</script>

你的问题是这样的。您编写了一个脚本标记，其中src jquery，但您也编写了自己的代码。写下这个：

<script src="jquery-1.12.0.js"></script>
<script type="text/javascript">
    // Your code
</script>

选择自己的冒险家庭作业

2 个答案: