設置元素顯示和綁定事件給這個元素

Question

我有這樣的例子代碼

$('#element').on('click', function() { 
    $('#show').show(); 
    $('#show').on('keyup', function() { 
    // do something 
    }); 
}); 

我想，我可以綁定show()的#show單擊事件？所以，我試試這個。

$('#element').on('click', function() { 
    $('#show').show().on('keyup', function() { 
    // do something 
    }); 
}); 

這不行。我知道我可以在#element之前或之後綁定#show事件。

我的問題是我可以綁定keyup事件與show()？

我已經準備好jquery文檔和谷歌，但我仍然不知道。謝謝。

Answer 1

我想你需要兩個獨立的處理器在這裏：

$('#element').on('click', function() { 
    $('#show').show(); 
}); 

$('#show').on('keyup', function() { 
    // do something 
}); 

Answer 2

喲可以使用這樣，

$('#element').on('click', function() { 
$('#show').show(); 
$(document).on('keyup', '#show',function() { 
    // do something 
}); 

}); 

如果要觸發點擊，使用$("show").trigger("click");爲

Answer 3

它如果您將使用不同的Jquery方法作爲不同的模塊，可能會很容易：

這是HTML代碼::

<button>Click</button> 
    <div id="show"> 
     <p>Test Paragraph</p> 
    </div> 

和jQuery代碼應該是這樣::

$('#show').hide(); 
$('#show').on('keyup', function() { 
    alert("Keyup!!!"); 
    }); 
$('button').on('click', function() { 
    $('#show').show().keyup(); 
}); 

爲您更好的瞭解只是看一下例子:: http://jsfiddle.net/rjha999/c7Aqq/