jQuery Mobile打开对话框多次调用多个函数

Question

我有jquery手机的问题。对话框中的功能多次运行。我用

打开一个对话框

   $(":mobile-pagecontainer").pagecontainer("change", "./comments.html", {
            role: "dialog"
        });

之后我关闭对话框并再次打开它。当我在此对话框中使用提交功能时，该函数调用mutliple次（在此会话中相同的计数打开对话框）。

我该如何防止这种情况？

感谢您的帮助。

关注代码位于comments.html

        $(document).on("vclick", "#submit", function() {
            console.log(String(localStorage.getItem("var1")));
           $.post("http://xxx/savecomment", {
                var1: String(localStorage.getItem("var1")),
                var2: String(localStorage.getItem("var2")),
                comment: String($('#text').val())
            }, function (responseREST) {
                                    console.log(responseREST);
               get_comments();

            });
        });

然后我用关注链接

关闭对话框

<a class="ui-btn ui-icon-delete" href="#" data-rel="back">Close</a>

我的解决方案是：

$(document).off('vclick', '#submit').on("vclick", "#submit", function() { });