为什么我的JQuery脚本不起作用？

Question

我不确定为什么这行不通，我在网上阅读的所有文章都似乎应该行得通。 好吧，这是我的html代码：(）

<!doctype html>
<html>
<head>
<script src = "http://code.jquery.com/jquery-latest.min.js" type = "text/javascript"></script>
<script src = "showmotto.js" type = "text/javascript"> </script>
</head>

<body>

<table>

<?php

    $pdo = new PDO('mysql:host=localhost;dbname=test', 'root', '');
    $pdo->setAttribute(PDO::ATTR_EMULATE_PREPARES, false);  
    $sth = $pdo->query('SELECT * from users');
    $sth->setFetchMode(PDO::FETCH_ASSOC);   

    while( $row = $sth->fetch() )
    {
        echo "<tr><td class = \"users\" data-motto = '{$row['motto']}' >{$row['username']}</td></tr>";      
    }

    $pdo = null;

?>

</table>

</body>

</html>

这是show-motto.js。 我的目标是当用户将鼠标悬停在桌子上时，用数据格言中的信息来提醒用户。 但是我还没走那么远，因为某些原因，mouseover事件无法正常工作

$('td.users').live('mouseover', function()
    alert(0);
});

我也试过$（'。users'），但是也不行。

我究竟做错了什么？

Answer 1

在最新版本的jQuery中， live已被删除。

您可以执行以下操作：

$(document).on('mouseover', 'td.users', function() {
    alert(0);
});

或者，因为所有元素都是最初创建的：

$(function(){
   // put all your code inside this block
   $('td.users').on('mouseover', function() {
      alert(0);
   });
});

与第二种方法类似，另一种解决方案是将所有JS代码放在位于body末尾（即表格之后）的script元素中。

您还添加了一个缺少的左括号。 您应该使用显示所有错误的浏览器控制台检测到此问题。

Answer 2

由于肝功能从最新版本的jQuery 过时的......而不是在使用像

$(function(){
    $('td.users').on('mouseover', function()
        alert(0);
    });
})

要么

$(document).ready(function(){
    $('td.users').on('mouseover', function()
        alert(0);
    });
})

为什么我的JQuery脚本不起作用？

问题描述

2 个解决方案

解决方案1
4 已采纳 2013-04-13 06:19:44

解决方案2
1 2013-04-13 06:21:40

为什么我的JQuery脚本不起作用？

问题描述

2 个解决方案

解决方案1 4 已采纳 2013-04-13 06:19:44

解决方案2 1 2013-04-13 06:21:40

解决方案1
4 已采纳 2013-04-13 06:19:44

解决方案2
1 2013-04-13 06:21:40