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
  });
});

这不起作用。我知道我可以在#show之前或之后绑定#element事件。

我的问题是我可以将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/

将元素show和bind事件设置为此元素

3 个答案: