mui.on()绑定 a的tap 事件的问题

 function AddTapEvent()  
        {  
            mui('.mui-card-footer').on('tap', 'a', function (e) {  
                var action= $(this).html();  
                var contentid= $(this).attr("data-tag");  
                var name=$(this).attr("data-name");  
                $("#mask").show();  
                if(action=="添加"){  
                    $.post("/Mobile/Menu/AddContent", { MenuID: @Model.ID, ContentID: contentid }, function (result) {  
                        if (result.Result) {  
                            $("#btn"+contentid).removeClass("mui-btn-success").addClass("mui-btn-primary").html("移除");  
                            var  html='<a class="mui-control-item" id="content'+contentid+'" href="#card'+contentid+'">'+name+'</a>';  
                            $("#segmentedControls").append(html);  
                        } else {  
                            mui.toast(result.EMsg);  
                        }  
                        $("#mask").hide();  
                    });  
                }  
                else if(action=="移除") {  
                    $.post("/Mobile/Menu/DeleteContent", { MenuID: @Model.ID, ContentID: contentid }, function (result) {  
                        if (result.Result) {  
                            $("#btn"+contentid).removeClass("mui-btn-primary").addClass("mui-btn-success").html("添加");  
                            $("#content"+contentid).remove();  
                        } else {  
                            mui.toast(result.EMsg);  
                        }  
                        $("#mask").hide();  
                    });  
                }  
            });  
        }

这个是绑定事件的 方法

我的html元素 都是 JS 生成添加到页面的。所有 在下拉刷新的时候会 调用一次这个 方法绑定下事件。
同时在下拉加载更多的 时候也会调用该方法绑定一次事件。所以每次 下拉加载更多的时候 ，等等于绑定了2次或者更多次 ，所以每次点击 按钮同一个 Post都会执行多次？？？求怎么解决这个问题