jquery - 未捕获的 TypeError : $(…). 不是一个函数

标签 jquery jquery-ui jquery-ui-dialog

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

<!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 版本

最佳答案

.on()是在 jQuery 1.7 中引入的,但看起来您正在运行 1.6.4。如果您无法更改版本,您应该只需将函数更改为 .click

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

关于jquery - 未捕获的 TypeError : $(…). 不是一个函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35296900/

相关文章:

jquery - 响应式设计,网站在手机上不滚动

css - Wordpress 按钮中的 jQuery 对话框显示在左侧而不是右侧

php - jQuery UI 多对话框和 PHP

javascript - Jquery UI、Razor 和 MVC : Uncaught TypeError: Illegal invocation

IE 中的 jQuery DOM 操作内存泄漏

JQuery UI 可拖动元素在选项卡更改时消失

javascript - JQuery - "highlight"效果帮助

javascript - jQuery 对话框的同位素问题

jquery-ui - jQueryUI 对话框 - 没有为按钮生成样式

jquery - 使用 jQuery Ui 的滑动效果时也可以滑动后续元素