使用.load()时Jquery表单提交不起作用

时间:2014-08-09 19:52:24

标签: javascript php jquery html mysql

我有一个PHP表单,当我直接打开它时工作正常。提交按钮将根据需要将记录添加到多个表中(使用MySQL)。

但是当我将页面加载到另一页面上的div时,单击“提交”按钮不会添加记录。

这是JS

$('.tab_content').hide();
$('ul.tabs li:first').addClass("active").show();
$('.tab_content:first').show();

$('ul.tabs li').click(function () {
    $('ul.tabs li').removeClass("active");
    $(this).addClass("active");
    $('.tab_content').hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn(200, function () {
        $(this).load($(this).attr("id") + ".php?" + Math.random());
    });
            return false;
});

例如,它是加载 example.php ,现在,如果,在文件中将是一些提交表单,该按钮不起作用,就像这个简单的html

<form id="history" method="post" action="some_action.php">
<input type="text" name="test" id="test">
<input type="submit" value="submit" name="submit">
</form>

感谢您的回答)

1 个答案:

答案 0 :(得分:0)

如果你正确得到href值..那么:

使用$.ajax();代替尝试:

<input type="button" id="do_submit" value="submit" name="submit">

然后:

$("#do_submit").click(function(){
 $.ajax({
  type: "POST",
  url: yourURLvariable,
  success: function(data){
  $("#result_target").html(data);
}
 });
});