向按鈕添加點擊功能

Question

var el = createWindow(WindowContent, {
    "id": window.id,
    "titleBar": {
        "enabled": true,
        "titleButtons": [
            {
                "type": "close",
                click : function(){ //function
                    window.close();
                }
            }
        ]
    }
});


function createWindow(el, prop){
...
        if(prop.titleBar.titleButtons.length !== undefined){
            for(var i = 0; i < prop.titleBar.titleButtons.length; i++){
                button = prop.titleBar.titleButtons[i];
                console.log(button);
                $('#'+prop.id).find("button[type='"+button.type+"']").click(button.click);
            }
        }
 }

如何將prop對象的click函數添加到我的按鈕？ 它只是什么都不做。

$('#'+prop.id).find("button[type='"+button.type+"']").click(button.click());

我收到錯誤消息，因為button.click不是函數

通過使用$('#'+prop.id).on("click", "button[type='"+button.type+"']", button.click); 而不是$('#'+prop.id).find("button[type='"+button.type+"']").click(button.click());

Answer 1

嘗試這個：

$('#'+prop.id).find("button[type='"+button.type+"']").click(function(){
   console.log('event click called');
 });

Answer 2

在第二個示例中，您沒有為click事件分配功能，而是分配了調用功能的結果。 嘗試從末尾刪除2個括號

.click(button.click());

至：

.click(button.click);

之后，嘗試僅運行.find語句以查看jQuery是否返回您的按鈕：

$('#'+prop.id).find("button[type='"+button.type+"']")

如果不是，我懷疑您的按鈕[type = close]不正確