jQuery UI的按鈕不起作用後停用/ IFRAME從

Question

使我有jQuery的一些代碼，見下圖：

$(function(){ 
    $('button#submit').button({disabled:true}); 
    $('button#submit').click(function(){ 
     console.log('It works!'); 
    }); 
    $('a#button-enable').click(function(){ 
     $('button#submit').button({disabled:false}); 
    }); 
}); 

如果與ID button-enable鏈接不是點擊，按鈕必須被禁止。之後，該按鈕必須啓用，如果我點擊它，在控制檯必須輸出文字It works!。爲什麼沒有發生？

它發生在我從iframe啓用按鈕時。

Answer 1

嘗試

$(function(){ 
    $('button#submit').button("option", "disabled", true); 
    $('a#button-enable').click(function(){ 
     $('button#submit').button("option", "disabled", false); 
     $('button#submit').click(function(){ 
      alert('It works!'); 
     }); 
    }); 
}); 

這是http://jqueryui.com/demos/button/#option-disabled

這裏是一個的jsfiddle：​​

Answer 2

我已經清理你的代碼了一下，做出像你描述它。

$(function() { 
    var button = $('#submit').button({ 
     disabled: true 
    }).click(function() { 
     alert('It Works'); 
    }); 
    $('#button-enable').click(function() { 
     button.button('enable'); 
    }); 
});​ 

退房小提琴here

Answer 3

謝謝大家對你的答案。我解決了以下方式問題：

parent.html

$(function{ 
    $('button, input[type="submit"]').button(); 
    $('button#submit').button('disable'); 
    $(document).bind('enableButton',function(){ 
     $('button#submit').button('enable'); 
    }); 
    $('button#submit').click(function(){ 
     //... 
    }); 
}); 

Iframe.html的

$(function(){ 
    //... 
    parent.$(parent.document).trigger('enableButton'); 
});