【问题标题】:Lost submit functionalities do JS after jquery.load [duplicate]jquery.load之后丢失的提交功能做JS [重复]
【发布时间】:2021-03-23 22:50:16
【问题描述】:

我正在尝试在 ajax 中使用提交帖子(正确的 jQuery .load() 函数),但我遇到了一个问题,因为在页面 .load(见下文)提交按钮 >>to .click(function() 之后没有'不工作。 有谁知道如何解决这个问题?

这是我的全部代码:

<script src="{$sitepath}/scripts/jquery.min.js"></script>

    <div id="newswhite">
    
    <form name="cform0" id="cform0" method="post" enctype="multipart/form-data">
    <textarea name="text1" class="form-control"></textarea>
    <input type="submit" id="submit_comment" class="btn" name="submit" value="comment">
    </form>
    
    </div>
    
    
    <script>
    $("#submit_comment").click(function() {
        var url = "some.php"; 
        $.ajax({
               type: "POST",
               url: url,
               data: $("#cform0").serialize(),
                success: function(data)
               {    
                $("#newswhite").load(" #newswhite >*");
            //$("#newswhite").html(data);
              }
             });
        return false;
    });
    </script>

这一切都只工作一次。 .load 之后,我必须通过浏览器刷新页面... 有什么想法吗?

【问题讨论】:

  • 你需要阻止默认的表单提交过程
  • 好的,怎么做?
  • 简单的网络搜索学习方法
  • 因为你替换了表单......那个新按钮不是你绑定点击的按钮。
  • $(document).on("click", "#submit_comment", function() { });

标签: javascript jquery ajax post


【解决方案1】:
Found the answer:

$(document).on("click", "#submit_comment", function() { 

感谢 epascarello - 工作正常。

【讨论】:

  • 你为什么要这样回答?
  • 显示代码:)
  • 编辑您的问题
  • 感谢 charlietfl 提供一些线索。
猜你喜欢
  • 2023-03-27
  • 2021-01-22
  • 1970-01-01
  • 2016-08-16
  • 1970-01-01
  • 2014-10-06
  • 2010-09-29
  • 1970-01-01
  • 2021-01-11
相关资源
最近更新 更多