Javascript 代码是正确的，但在 Microsoft Visual studio 中不起作用

Question

在虚拟机中使用 Microsoft Visual Studio Enterprise 2017 进行简单的 JavaScript 编码。

我正在帮助的用户正在虚拟机中使用 Microsoft Visual Studio Enterprise 2017。使用 javascript 和 html 进行简单开发。

代码是正确的 - 我已经获取了代码，在 Visual Studio Community 2019 的本地化版本中创建了一个项目，并且它可以工作。另一个用户在与我的用户相同的单独虚拟机中具有相同的代码，并且它可以工作。

有问题的代码是一个 switch 语句。表中的按钮按下时会调用 switch 语句，但没有满足任何情况。我们知道这一点是因为我们在开关上放置了一个警报，然后警报弹出了，但是当我们在 case 语句中放置警报时，它并没有出现(更不用说按钮不起作用了)。同样，在两个其他版本上使用相同的代码(全部位于index.cshtml内)的完整功能。

我们还知道刷新功能正在工作 - 因此脚本毫无疑问正在读取脚本代码。

所以我们知道这段代码可以在两个不同版本的 Microsoft Visual studio 中运行，一个在像我的用户这样的虚拟机中，另一个在独立的本地版本中。

我们尝试过 F12，并得到一些关于克拉的声明，这显然是一个反复出现的问题。由于它是虚拟机内的企业版本，我不愿意要求用户做任何激进的事情，比如 devenv/resetuserdata

所以这确实不是一个编码问题，但由于在其他 Visual Studio 安装中成功构建了项目，我无法进行故障排除。让我补充一下 - 这并不是将解决方案从一个环境复制到另一个环境，而是构建单独的项目并使用相同的代码。

<script>
function RefreshPage() {
        window.location.reload(true);
    }
    function ClearFields(field) {
        switch (field) {
            case 'I':
                $("#txtItemNumber").val("");
                break;
            case 'A':
                $("#txtItemNumber, #txtCategoryNumber").val("");
                break;
            case 'C':
                $("#txtCategoryNumber").val("");
                break;
        }
    }
</script>

 <td>
            <input placeholder="ItemNumber" type="text" id="txtItemNumber"
                   style="font-size:large;text-align: center; height: 44px;" />
        </td>
        <td style="padding-left:20px;">
            <div>
                <button onclick="RefreshPage(); return false;" type="button" class="btn btn-info btn-sm"><span class="glyphicon glyphicon-refresh"></span>Refresh</button>
            </div>
        </td>
        <td style="padding-left: 20px;">
            <div>
                <button onclick="ClearFields('I'); return false;" type="button" class="btn btn-info btn-xs"><span class="glyphicon glyphicon-clear"></span>Clear</button>
            </div>
        </td>
        <td style="padding-left: 20px;">
            <div>
                <button onclick="ClearFields('A'); return false;" type="button" class="btn btn-info btn-xs"><span class="glyphicon glyphicon-clear"></span>ClearAll</button>
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <label style="font-size:large;">
                Enter Category Number:&nbsp;
            </label>
        </td>
        <td>
            <input placeholder="Category Number" type="text" id="txtCategoryNumber"
                   style="font-size:large; text-align: center; height: 44px;" />
        </td>
        <td style="padding-left: 22px;">
            <div>
                <button onclick="ClearFields('C'); return false;" type="button" class="btn btn-info btn-xs"><span class="glyphicon glyphicon=clear"></span> Clear</button>
            </div>
        </td>
    </tr>

Answer 1

经过一番互联网搜索后，我关注的是 Jquery 不起作用。

在这种情况下，我能够通过添加指向的新脚本语句来解决问题

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

然后我们找到了有问题的代码。尽管它是采购 jquery-3.2.1.min.js，但 _layoutPage.cshtml 文件中还有另一个引用包含此行

    <script type="text/javascript" src="@Url.Content("~/Scripts/JQuery/jquery-1.11.3.min.js")"></script>

这是压倒一切的。这段代码导致 jQuery 无法工作，并且在我们解决整个项目中引用的多个 jQuery.xxx.js 文件之前，该代码无法工作。