单击链接时隐藏div - PHP

Question

我想在任何时候在php上点击链接时使div消失， 这是我的代码

<?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>

如何在下一个链接时隐藏<div id="content">＆＃39;被点击了吗？任何建议都会有所帮助！

Answer 1

使用此：

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

Demo: on function

但是！正如评论中所提到的，如果你有版本＆lt; 1.7。在1.7版本的jQuery中添加了on函数。

如果你有jQuery版本＆lt; 1.9你可以使用live函数。：

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

Demo: live function

此功能自1.7以来已弃用，并于1.9中删除。

如果你使用jQuery＆lt; 1.7，您可以使用live功能，但如果没有，则应该使用on，因为live已被弃用。

Answer 2

将您的脚本放入文档准备

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

在这里阅读更多相关信息： http://api.jquery.com/ready/

Answer 3

试试这个

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

使用$（document）.ready（function（）{将避免IE 8中的错误。