添加jquery时Javascript无法正常工作

时间:2014-02-24 16:44:11

标签: javascript jquery onclick

我是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功能没有调用。我已经尝试通过在其中对接警报。我是需要做任何其他事情才能工作....谢谢你

1 个答案:

答案 0 :(得分:2)

您忘记了)

$(function () {

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

如果您正确缩进代码块,并且如果您在javascript控制台上查看,则此类错误变得更容易被检测到。只需采用indent style并编写符合它的代码。