Question

我知道这个话题以前被问过，但他们不是关于jqueryui。因此，我无法确定它们是否可以处理我的代码。我有一个从不同组件调用的弹出窗口。但我必须为每个电话写一个点击功能。我想将它转换为我可以称之为ca函数的ca函数。我的剧本是：

 <script type="text/javascript">
        $(document).ready(function () {
            $('a#popup').live('click', function (e) {

                var page = $(this).attr("href")

                var $dialog = $('<div id="silmeIframe"></div>')
                .html('<iframe  style="border: 0px; " src="' + page + '" width="500px" height="500px"></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();

            });

        });
    </script>

现在，我希望它像

一样工作

<a onclick="NewFunctionName(parameter1,parameter2,,parameter3)">click<a/>

Answer 1

single handler, multiple targets attachment

$(function () {

    function handler(e,param1,param2...) {
        var page = $(this).attr("href")
        ...
        $dialog.dialog('open');
        e.preventDefault();
    }

    //write attachments
    $('a#popup1').on('click',function(e){
        handler(e,param1,param2...);
    });
    $('a#popup2').on('click',function(e){
        handler(e,param1,param2...);
    });
    $('a#popup3').on('click',function(e){
        handler(e,param1,param2...);
    });
});

or single handler, multiple targets in one query

$(function () {
    $('a#popup1, a#popup2, a#popup3').on('click',function (e) {
        var page = $(this).attr("href")
        ...
        $dialog.dialog('open');
        e.preventDefault();
    });
});

将点击功能转换为呼叫功能

1 个答案: