php - JQuery 没有执行 - 但它正在加载？

Question

我在一段非常简单的 JQuery 代码中遇到了一些问题 - 我一直在通过以下方式解决它:

1. 将 JQuery 代码移到文档末尾
2. 使用谷歌托管的 JQuery 和本地托管
3. 使用 $(document).ready - 和不使用
4. 通过取出 PHP 生成的代码，将其插入 HTML 文档并在没有 PHP 的情况下尝试来简化它
5. 使用 firebug 插入代码 - 注意:这实际上非常有效

这是 JQuery 代码:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script language="text/javascript">
$(document).ready( function(){
    $('.del').click(function() {
        alert(this.id);
    });
});
</script>

这是 PHP 代码:

    while($row = mysql_fetch_array($reports)){
        echo '<tr><th>'.$row['title'].'</th>';
        echo '<td><a href="modify.php?site='.$row['id'].'">Modify</a></td>';
        echo '<td> <img class="del" id="'.$row['id'].'" src="../right_place.jpg" width="75" height="75"></td>';
        echo '<td><a href="../report.php?site='.$row['id'].'"><img src="../'.$row['thumb'].'" width="75" height="75"></a></td></tr>';
    }

生成这种 HTML:

            <tr>
                <th>Site 2</th>
                <td><a href="modify.php?site=2">Modify</a></td>
                <td><img class="del" id="2" src="../right_place.jpg" width="75" height="75"></td>
                <td><a href="../report.php?site=2"><img src="../placeholder.jpg" width="75" height="75"></a></td>
            </tr>

            <tr>
                <th>Site 1</th>
                <td><a href="modify.php?site=1">Modify</a></td>
                <td><img class="del" id="1" src="../right_place.jpg" width="75" height="75"></td>
                <td><a href="../report.php?site=1"><img src="../placeholder.jpg" width="75" height="75"></a></td>
            </tr>

我目前已在 Google Chrome 和 Internet Explorer 中试用过。最有趣的是，如果我将 JQuery 代码复制并粘贴到 firebug 中，它会完美执行并且没有错误？!但是，当它在页面中时，它不会执行。 (这也是我尝试将代码放在页面底部的一个原因!)

注意:为了调试/测试目的，JQuery 代码也进行了简化 - 实际上，在对执行 MySQL 查询的 PHP 脚本进行 AJAX 调用之前，它会提示用户进行确认。

Answer 1

这里有一些错误。

1).不要使用数字 ID。 ID 必须以字母开头。

2).您的脚本标签不正确，使用的是语言说明符而不是类型说明符。它应该是:

<script type="text/javascript">

修复它，它应该可以工作。