如何将单击事件添加到按钮并让它调用函数?

时间:2012-07-09 05:55:40

标签: jquery

我使用以下方法创建一个模态窗口:

function openAdminModal(dObj, content) {
    var modal = $.modal({
        title: dObj.title,
        closeButton: true,
        content: content,
        width: false,
        resizeOnLoad: true,
        buttons: {
            'Submit': function (win) {
                submitHandler(dObj.$link, $('#main-form'), false);
            },
            'Close': function (win) {
                win.closeModal();
            }
        }
    });
}

我不确定这会对这个问题有所帮助,但我会添加它以防万一。

它创建的模式具有以下内容:

<div id="modal" style="display: block;">
....
    <button type="button">Submit</button>

按钮不在表单内部,按钮周围的代码无法移动。我想要做的是使用jQuery向此按钮添加一个事件,以便在单击它时触发以下函数。

submitHandler(dObj.$link, $('#main-form'), false);

有人可以向我解释如何使用jQuery将该函数的调用添加到按钮的click事件中。我不确定的一件事是我如何选择该按钮,因为它没有ID。它唯一拥有的是“提交”文本。我可以在进行搜索时使用第一行代码第2行的变量模态值吗?

1 个答案:

答案 0 :(得分:2)

试试这个,

<强> Live Demo

$('button:contains("Submit")').click(function(){
  submitHandler(dObj.$link, $('#main-form'), false);
});​