从索引到加载的div文件的jquery

时间:2013-11-13 18:33:00

标签: php jquery html ajax jquery-forms-plugin

好吧所以标题有点奇怪,但不确定如何在1行描述问题(随意更新)所以我会解释我能做到的最好。

我将文件foobar.php中的内容加载到index.php中的div #foobar中,如下所示:

$('.foo').click(function(){
       var id = $(this).attr('id'),
          cls = $(this).attr('class'),
         dstr = 'id='+id;

        if(cls=='bar'){

          $.ajax({
             type:'GET',
              url:'foobar.php',
             data:dstr,
            cache:false,
          success:function(a){
       // this is where it calls for the content of foobar.php 
            $('#foobar').html(a);
      }}
     )
    }
  return false;
});

在foobar.php中查询数据库并显示结果,具体取决于唯一的ID工作正常,但它也有一个我试图与jquery.form一起使用的表单。

现在,如果我在foobar.php中添加脚本链接,那么效果很好:

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.form.min.js"></script>

这些jquery文件是在index.php中加载的,所以我希望尽可能使用index.php中已加载的jquery文件使jquery.form工作。

我知道它目前无法正常工作,因为它与foobar.php的内容被加载到/通过dom这一事实有关,因此上面的行不存在于foobar.php中它可以'打电话给他们?!

1 个答案:

答案 0 :(得分:0)

在成功函数中加载页面后,您必须调用此方法(使用表单选择器而不是“#myForm”)。

$('#myForm').ajaxForm(function() { 
    alert("Thank you for your comment!"); 
});