第二次单击不适用于jQuery UI

Question

我有一个弹出窗口，询问用户是否从他的贡献中删除项目。它在用户第一次单击按钮时起作用。弹出窗口是使用jquery ui打开一个aspx文件弹出窗口。但是，如果用户单击任何其他按钮，则在第二次触发相同的弹出窗口时，它会重定向到页面，而不是将其作为弹出窗口打开： 这是我的代码：

<script type="text/javascript">

        $(function () {

            function handler(e) {
                var page = $(this).attr("href")

                var $dialog = $('<div id="silmeIframe"></div>')
            .html('<iframe  style="border: 0px; " src="' + page + '" width="50px" height="50px"></iframe>')
            .dialog({
                autoOpen: false,
                modal: true,
                height: 'auto',
                resizable: 'false',
                width: 'auto',
                title: "Silmeyi onaylıyor musunuz?",
                close: function (event, ui) {
                    __doPostBack('<%= btnRefresh.ClientID %>', '');
                }
            });

                $dialog.dialog('open');
                e.preventDefault();
            }
            $('a#popup').on('click', handler);
            $('a#popup2').on('click', handler);


        });
    </script>