javascript - Javascript +点击功能

我有一个调用另一个函数的javascript函数，现在遇到了一个问题，我必须单击两次按钮才能显示模式对话框，我知道问题很可能在此行中：

 $('#dialog_link').click(function()  because I already called 'modaldialog' with an onclick like this:

<input id="dialog_link" type="button" value="Save" onclick ="javascript:modaldialog();"  />

我如何才能重写此行$（'＃dialog_link'）。click（function（）来调用function（）而无需再次单击？

谢谢！

<script type="text/javascript">

function modaldialog() {
             window.Page_ClientValidate();

 if (window.Page_IsValid) {


                $('#dialog_link').click(function() {
                     $('#dialog').dialog('open');

                return false;
                 });
             }}

 </script>


<script type="text/javascript">
     $(function() {

        // Accordion
         $("#accordion").accordion({ header: "h3" });

        // Tabs
         $('#tabs').tabs();


        // Dialog
         $('#dialog').dialog({
                 autoOpen: false,
                 width: 600,
                 modal:true,

                close: function() {
                     document.getElementById('dialog').style.display = 'block';
                     document.getElementById('fade').style.display = 'None';
                 },


                buttons: {
                     "Ok": function() {
                         $(this).dialog("close");
                         document.getElementById('dialog').style.display = 'block';
                         document.getElementById('fade').style.display = 'None';
                     },
                     "Cancel": function() {
                         $(this).dialog("close");
                         document.getElementById('dialog').style.display = 'block';
                         document.getElementById('fade').style.display = 'None';
                     }
                 }
             });


        // Dialog Link
         //$('#dialog_link').click(function() {
         //    $('#dialog').dialog('open');
         //    return false;
         //});

        // Datepicker
         $('#datepicker').datepicker({
                 inline: true
             });

        // Slider
         $('#slider').slider({
                 range: true,
                 values: [17, 67]
             });

        // Progressbar
         $("#progressbar").progressbar({
                 value: 20
             });

        //hover states on the static widgets
         $('#dialog_link, ul#icons li').hover(
             function() { $(this).addClass('ui-state-hover'); },
             function() { $(this).removeClass('ui-state-hover'); }
     );

    });
 </script>

最佳答案

我不确定您的目标到底是什么，但是我不认为.click（func）会实现您认为的目标。由于.click（func）每次执行此行时都会将该函数添加为click事件侦听器，因此您将在侦听器集中获得一个附加函数。您似乎在onClick中运行了它，这意味着每次有人单击您的链接时，您都会添加另一个执行相同操作的侦听器（$('#dialog').dialog('open');）。如果您只是希望在替换onClick处理程序之前完成验证，则还必须取消绑定当前函数，但是最好每次都执行检查并在$('#dialog').dialog('open')块内调用if (window.Page_IsValid)可能更好。

如果您真正想要的是仅对modaldialog调用一次并在该时间执行$('#dialog').dialog('open');，并且每次连续单击，则在条件内执行以下操作：

$('#dialog_link').unbind('click', this);
var f = function () { $('#dialog').dialog('open') }; // Function to replace onClick function.
$('#dialog_link').click(f);
f(); // Execute replacement function after assigning it.

关于javascript - Javascript +点击功能，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7737187/