Question

我有一个动态生成项目列表的页面，其中每个项目都是一个按钮，用于提交列表中包含该项目的数据（已排序并正常工作）。我通过此代码（Jquery）提交表单：

<script type="text/javascript" src="./js/jquery.form.js"></script>
<script type="text/javascript">
    $('document').ready(function(){
        $('#readlatersubmit').ajaxForm( {
            target: '#result', 
            success: function() { 
                //$('#readlatersubmit').fadeOut('1000');   
                //$("#loader").fadeOut(); 
            } 
        }); 
        return false;
    });
</script>

当我点击按钮时，它会提交正确的数据而不刷新整个页面。问题是，如果我然后单击另一个列表项中的另一个按钮，它将转到表单处理页面（不通过Jquery提交）。

有谁知道如何解决这个问题？

修改这就是我的表单目前的样子：

<form id='readlatersubmit' action='RL.php' method='post'>
    <input type='hidden' name='RLURL' value='".$item->get_link()."'/>
    <input type='hidden' name='RLTitle' value='".$item->get_title()."' />
    <input type='hidden' name='user-id' value='$loggedInUser->user_id' />
    <input type='image' src='images/ReadLaterRibbon_Active.png' name='submit' value='Submit' class='button' />
</form>
<div id='result'></div>

Answer 1

删除return false并让它检查。因为当你点击提交一次时，这会让你持假，但你不需要假，只需删除return或使用return true，

    <script type="text/javascript" src="./js/jquery.form.js"></script>
<script type="text/javascript">
   function doitRun() {
        $('#readlatersubmit').ajaxForm( {
            target: '#result', 
            success: function() { 
                //$('#readlatersubmit').fadeOut('1000');   
                //$("#loader").fadeOut(); 
            } 
        }); 
   }
</script>

通过Ajax问题提交表单

1 个答案: