Javascript 单击链接时隐藏div-PHP

我试图让一个div在php上单击链接时消失， 这是我的密码

<?php
                  echo '<div id="content">
                          <table width="300">
                              <tr>
                                <td>
                               <a href="calendar.php" style="color: red" target="_top">'.$name.'</a>
                                 </td>
                               </tr>
                           </table> </div>';
     //when this is clicked, hide the 'content' div 
    echo '<a href="javascript:;" id="next">next</a>';

?>

这是我的脚本代码，目前没有做任何事情

<script type="text/javascript">
$('#next').live("click",function(){
     $('#content').hide();
});
 </script>

$（“#下一步”）.live（“单击”，函数（）{
$（“#内容”）.hide（）；
});

---

单击“下一步”链接时，如何隐藏

？任何建议都会有帮助，谢谢

将脚本放入文档准备就绪

$(function() {
 $('#next').live("click",function(){
      $('#content').hide();
 });
})

请在此处阅读更多信息：

---

将脚本放入文档准备就绪

$(function() {
 $('#next').live("click",function(){
      $('#content').hide();
 });
})

请在此处阅读更多信息：

使用以下方法：

$(document).ready(function(){
    $('#next').on('click',function(){
        $('#content').hide();
    });
}

但是！如评论中所述，如果您的版本<1.7，则这无法工作<在jQuery的1.7版本中添加了code>on功能

如果jQuery版本<1.9，则可以使用

live

函数：

$(document).ready(function(){
    $('#next').live('click',function(){
         $('#content').hide();
    });
}

此函数自1.7版起就已弃用，并在1.9版中删除

如果您使用jQuery<1.7，您可以使用

live

功能，但如果没有，您应该在

上使用
，因为
live
已被弃用。
请使用以下功能：

$(document).ready(function(){
    $('#next').on('click',function(){
        $('#content').hide();
    });
}

但是！如评论中所述，如果您的版本<1.7，则这无法工作<在jQuery的1.7版本中添加了code>on
功能

如果jQuery版本<1.9，则可以使用
live
函数：

$(document).ready(function(){
    $('#next').live('click',function(){
         $('#content').hide();
    });
}

此函数自1.7版起就已弃用，并在1.9版中删除

如果您使用jQuery<1.7，您可以使用
live
函数，但如果没有，您应该在
上使用
，因为
live
已被弃用。
试试这个

<script>
    $(document).ready(function(){
        $(document).on("click","#next", function(){
            $("#content").hide();
        });
    });
</script>


$（文档）.ready（函数（）{
$（文档）。在（“单击”，“下一步”，函数（）上）{
$（“#内容”）.hide（）；
});
});

使用$（document）.ready（function（）{可以避免IE 8中的错误。
试试这个

<script>
    $(document).ready(function(){
        $(document).on("click","#next", function(){
            $("#content").hide();
        });
    });
</script>


$（文档）.ready（函数（）{
$（文档）。在（“单击”，“下一步”，函数（）上）{
$（“#内容”）.hide（）；
});
});

使用$（document）.ready（function（）{将避免IE 8中的错误。
$（'next'）。单击（function（）{$（'content'）.hide（））
？是的，这是我当前的脚本，但它似乎不起作用。这不是您当前的脚本，至少不是您显示的脚本。它很接近，不一样。@Programmer4000您应该发布HTML输出，而不是$（document.ready（function（）{…}）；
$（'#next'）。单击（function（）{$（'#content'）。hide（））；
？是的，这是我当前的脚本，但似乎不起作用。这不是您当前的脚本，至少不是您显示的脚本。它很接近，不一样。@Programmer4000您应该发布HTML输出，而不是$（document.ready（function（）{…}）中的PHPput处理程序；这取决于jQuery版本-如果他使用的是
live
可能他没有
打开
Im使用您的代码，但仍然没有做任何事情，Im在记事本中对其进行编码并在其上运行mozilla@Programmer4000您是否已将代码放入
$（函数（）{…}）中
block？jQuery几乎需要itRun js fiddle，这将代表您的问题。@sharikov感谢您的帮助，我将看到演示取决于jQuery版本-如果他使用的是
live
，可能他没有
on
Im使用您的代码，但仍然没有做任何事情，我在记事本中编写并在mozill上运行它a@Programmer4000您是否已将代码放入
$（function（）{…}）
块中？jQuery几乎需要itRun js fiddle，这将代表您的问题。@sharikov感谢您的帮助，我将看到演示