确保jquery .load加载的事件只触发一次

Question

我有一个看起来像这样的页面：

  <form id="NoteForm" > 
        <input type="submit">
    </form>
    <script>

        $(document).on("submit", "#NoteForm", function (e) {

            console.log("Submitted");
            e.preventDefault();


            $.ajax({

                url : 'Forms/Data.cfm',

                type : 'POST',

                data: $(this).serialize(), 

                success : function(data) 
                {
                    $('#Status').html(data);
                },

            });
        });

    </script>

由

加载

$('#ActivePage').load('NotePage.cfm);

当我在加载后提交NoteForm时，每次将其加载到ActivePage时都会触发一次。我怎样才能确保它只发射一次？

Answer 1

在$(document).off('submit');修复此问题之前致电.load()。