JQuery диалог запускается при загрузке страницы, пытаясь сделать это по клику

Question

это мой код:

    $('#delete_me').click(openDialog());

    function openDialog(){
        $('#myDialog').dialog({
            'title': 'My Dialog Header',
            'buttons': {
                'yes': function(event) {

                }
            }
        });
    }

диалоговое окно показывает, когда страница загружается, а затем, когда элемент щелкает, он работает как требуется, что я делаю неправильно?Я не хочу показывать диалоговое окно при загрузке страницы.

РЕДАКТИРОВАТЬ: таким образом, диалоговое окно отображается только при нажатии, но исчезает через 0,5 сек

        $('#delete_me').click(function(){openDialog();});

Answer 1

Вам нужно передать функцию, просто удалите скобки, когда вы передаете openDialog.

$('#delete_me').click(openDialog);