c# - 按钮没有点击 mvc 中的 javascript 函数

Question

我尝试在 mvc4 中创建简单的网络应用程序。

在我看来我使用了以下脚本

<link href="~/Content/jquery.mobile-1.4.2.css" rel="stylesheet" />
<script src="~/Scripts/jquery-2.1.1.js"></script>
<script src="~/Scripts/jquery.mobile-1.4.2.min.js"></script>

还有一个简单的按钮，在单击时调用 javascript 函数 getWeather()。

<input type="button" data-icon="refresh" id="btnNewLoc" data-iconpos="notext" name="SaveButton" onclick="getWeather();" />

但我的问题是当我点击按钮时没有点击我下面的 java 脚本函数。

<script type="text/javascript">
    function getWeather() {
        var URL = "/Weather/GetWeather/" + $("#Location").val();
        $.get(URL, function (data) {
            $("#Result").html(data);
        });
    }
</script>

请指导我。

Answer 1

永远不要在 jQuery Mobile 中使用内联 javascript，它通常根本无法工作。

直接用 jQuery 做:

$(document).on('click', '#btnNewLoc', function(){ 
    var URL = "/Weather/GetWeather/" + $("#Location").val();
    $.get(URL, function (data) {
        $("#Result").html(data);
    });
});

原因，当与 jQuery Mobile 一起使用时，内联 javascript 通常不会触发。