添加jquery时Javascript不起作用

Question

我是 javascript n jquery 的新手。我在脚本标签上使用了 javascript 和 jquery。当不添加 jquery 时，javascript 工作正常，但是当添加 jquery 函数时，脚本不起作用.....我应该将两者都转换为 javascript 还是同时转换为 jquery或者我错过了什么。这是我的脚本

<script type="text/javascript">
function getLocations() {
    $.post('@Url.Action("getLocations","Home")', { 'id': $("#cities").val() },
        function (data) {
            $("#loca").html(data).show();

        });
}

$(function () {
$('.submit').on('click', function () {
    var ck = "";
    var city = $("#cities option:selected").text();
    var location = $("#loca option:selected").text();
    alert(city+"and"+location)
}
});

</script>

在这里，我根据所选城市加载位置。当 onclick 不存在时，它工作正常，但添加时，位置未加载 n 函数未调用。我尝试通过在其中插入警报。我需要做任何其他事情才能使两者都能正常工作....谢谢

Answer 1

你忘记了)

$(function () {

    $('.submit').on('click', function () {
       ...
    })   // <---
});

如果您正确缩进代码块并查看 javascript 控制台，则更容易检测到此类错误。只需采用indent style 并编写遵循它的代码。