Javascript jQuery$这在网页上不起作用_Javascript_Jquery

Javascript jQuery$这在网页上不起作用

javascript jquery

Javascript jQuery$这在网页上不起作用,javascript,jquery,Javascript,Jquery,对不起，我是新手！！！我是jQuery新手，我对jQuery$有一个问题（这个）我在JSFIDLE中创建了一个非常简单的jquery函数，它可以工作，但在网站上不起作用我已经在JSFIDLE和我的代码中使用了jQuery1.10.1 您可以在此处看到代码： <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jque

对不起，我是新手！！！我是jQuery新手，我对jQuery$有一个问题（这个）

我在JSFIDLE中创建了一个非常简单的jquery函数，它可以工作，但在网站上不起作用

我已经在JSFIDLE和我的代码中使用了jQuery1.10.1

您可以在此处看到代码：

<html>
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script type="text/javascript">
            $(".resumeActu").on('click', function(){
                var id = $(this).data('id');
                alert("id is = "+id);
            });
        </script>
    </head>
    <body>
        <div class="resumeActu" data-id="3">click me</div>
    </body>
</html>


$（“.resumeActu”）。在（'click'，function（）上{
var id=$（this.data（'id'）；
警报（“id is=“+id”）；
});
点击我

这也是我在JSFIDLE中的代码：

我不明白为什么我的代码可以在JSFIDLE上运行，但它在我的页面中不起作用。在您的网站中，您需要将代码放在一个文档就绪的处理程序中。这在JSFIDLE中不是必需的，因为它会自动为您执行

<script type="text/javascript">
    $(function() {
        $(".resumeActu").on('click', function(){
            var id = $(this).data('id');
            alert("id is = "+id);
        });
    });
</script>


$（函数（）{
$（“.resumeActu”）。在（'click'，function（）上{
var id=$（this.data（'id'）；
警报（“id is=“+id”）；
});
});

当前代码无法工作的原因是，它试图在DOM中存在click处理程序之前将其附加到

.resumeActu

元素。

尝试此操作

$(document).ready(function () {
    $(".resumeActu").on('click', function () {
        var id = $(this).data('id');
        alert("id is = " + id);
    });
});

文档准备就绪后加载此功能

您的网站是否处于活动状态？是否正常工作。更改jQuery版本。您正在为JSFIddleno使用非常旧的jQuery版本，它在我的localhost中，但如果您需要，我可以将它上载到某个地方，但它们实际上是相同的！没问题，很乐意帮忙。