未捕获的TypeError:$(…).on不是函数

未捕获的TypeError:$(…).on不是函数

问题描述:

我在页面上使用JQuery UI对话框并出现此错误

I am using JQuery UI dialog on my page and getting this error

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Test</title>

    <script src="Scripts/jquery-1.6.4.js"></script>
    <script src="Scripts/jquery-ui-1.11.4.js"></script>
    <script>
        $(document).ready(function () {
            $(".hlk1").on("click", function () {
                var linkId = $(this).attr("linkID");
                alert(linkId);
                // initialize dialog
                var dlg = $("#dialog").dialog({
                    autoOpen: false,
                    modal: true,
                    draggable: false,
                    resizable: false,
                    position: ['center', 'top'],
                    height: 380,
                    width: 530,
                    dialogClass: 'ui-dialog-osx',
                    buttons: {
                        "Done": function () {
                        $(this).dialog("close");
                    }
                }
            });

            // load content and open dialog
            dlg.load('page2.html?id=' + linkId).dialog('open');
        });
});
</script>
</head>

<body>

<a href="#" class="hlk1" linkid="305">Click here</a>
<br/>
<a href="#" class="hlk1" linkid="890">Click here</a>
<br/>
<div id="dialog"></div>
</body>
</html>

有人可以帮我弄清楚那个吗?可能是JQuery版本,但这是通过NuGet程序包管理器安装的Visual Studio版本

Can anyone help me figure that one out? It might be the JQuery version but this is the version Visual Studio installed through NuGet package manager

.on() 在jQuery 1.7中,但看起来您正在运行1.6.4.如果您无法更改版本,则只需将功能更改为.click

$(".hlk1").click(function () {
    ...