单击链接时不调用jquery函数

Question

我在点击链接时尝试调用jquery函数，但它不起作用，根本没有调用该函数...

功能：

<script>
    $(document).ready(function () {

        $('#notif').click(function () {
            var id = $(this).attr("data-id");
                        alert('test');
            $.ajax({
                type: "POST",
                url: "inc/showNotif.php",
                dataType: "html",
                data: {
                    id: id
                },
                success: function (result) {
                    $('.displayNotif').html(result);
                    console.log(result)
                }
            });

        });
    });
    </script>

链接：

<a href="#" id="notif" data-id="<?php echo $_SESSION['ID']; ?>" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="icon-bell2"></i>
                            <span class="visible-xs-inline-block position-right">Activity</span>
                            <span class="status-mark border-orange-400"></span>
                        </a>

修改

我发现标签之间的代码根本没有执行，即使我删除了onclick事件也没有。

编辑2

问题是$(document).ready(function ()代码无法使用，但为什么？

解决

问题是一些阻止document.rady

的jquery错误