Question

我创建了一个网页，JavaScript代码在Chrome上完美运行。但是当我在Firefox和IE上测试它时，它有很多错误。我只是不明白为什么当我尝试使用jQuery更改html或文本时，我的DOM元素不会受到影响。

<!DOCTYPE html>

<html>
    <head>
        <title>Game</title>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    </head>
    <body>
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-2 col-md-offset-2">
                    <h2>Game</h2>
                </div>
                <div class="col-md-2">
                    <h2>Score: <span id="count">0</span></h2>
                </div>
            </div>
            <div class="row">
                <div id="tablediv" class="col-md-12">
                    <table id="table" style="empty-cells:show;table-layout:fixed;"></table>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <h2 id="message"></h2>
                </div>
            </div>
        </div>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
        <script src="script.js"></script>
    </body>
</html>

剧本：

if($('#' + i + j).html() == x) {

            $('#count').text(parseInt($('#count').text()) + 1);

            if(parseInt($('#count').text()) == 20) {

                clearInterval(interval);
                $('#message').text("You won!");

            }

        }

这只是我尝试在#count元素文本中添加1的代码的一部分。它适用于Chrome。但它不会在Firefox或IE上添加1。这很奇怪。

jQuery在Firefox和IE上运行不正常

0 个答案: