事件完成后加载jquery脚本

时间:2011-10-25 18:15:14

标签: jquery events html

对于中等和发起用户而言非常容易。鉴于以下文件:

HTML:

<html>
  <head>
     <script>
       $(document).ready(function()
       {
          $("#fashion").onclick(function()
          {
             $get("ajax.php", { section: fashion}, function(result)
             {
                $("#container").html(result);
             });
           });

           $("div").click(function()
           {
             var identification = $(this).attr("id");
             alert(identification);
           });
        });
     </script>
  </head>
  <body>
     <div id="fashion">
       Click me
     </div>

     <div id="container">
     <div>

     <div id="test">
       Test
     </div>
  </body>
</html>

我从之前在方法

中调用的另一个页面“ajax.php”中检索html信息
<?php
if($_GET['fashion'])
{
   ?><div id="fashion_content">This is a random text</div><?php 
}
?>

问题是使用函数$(“div”)。click(函数...在脚本部分中不会返回使用ajax get方法生成的div的id(div id =“fashion_content”)但只有其他人(“时尚”,“容器”,“测试”)。 另一方面,当我将jquery函数放在ajax.php文件中的div之后,如下所示:

<?php
if($_GET['fashion'])
{
   ?><div id="random">This is a random text</div>

     <script>
           $("div").click(function()
           {
             var identification = $(this).attr("id");
             alert(identification);
           });
     </script>
    <?php 
}
?>

我想在get事件完成后我必须重新加载脚本(或只是函数)。但是如何?

1 个答案:

答案 0 :(得分:2)

$("div").live('click',function()
  {
    var identification = $(this).attr("id");
    alert(identification);
});

此外,它可以超出$(document).ready()以加快执行

使用此代码段,您的php不需要返回添加click事件的脚本。