Javascript-JQuery-Kendo-为什么要执行我的函数

嗨,我对JS有点陌生,我想知道为什么我会有意外的行为。 我正在尝试定义一些函数并连接一些按钮,但页面加载时会触发一些事件,我无法确定它是否会触发,更重要的是,如何停止它。

//this one does not execute on page load
var saveDataCallback = function(){
    alert('Save Successful');
};

//this one executes on page load        
var addFieldToForm = function(){
    alert('wtf mate');
};


$(document).ready(function(){
    //this one does not execute the alert when I load the page
    $("#showMePOTATOSALAD").on('click', function (){ alert(JSON.stringify(formDataObj)) });

    var dialog = $("#addToFormDialog");
    //this one does execute the dialog open when I load the page           
    $("#addToForm").on('click', function(){ dialog.data("kendoDialog").open() });
}

这就是问题所在

dialog.kendoDialog({
    title:'Add Field to Form',
    modal:true,
    width: 500,
    height: 350,
    content:"",
    actions:[
        {text: 'Cancel'},
        {text: 'Add', action: addFieldToForm() }
    ]   
});

更改为

dialog.kendoDialog({
    title:'Add Field to Form',
    modal:true,
    width: 500,
    height: 350,
    **visible: false,**
    content:"",
    actions:[
        {text: 'Cancel'},
        {text: 'Add', action: **addFieldToForm** }
    ]   
});

提前感谢