使用hide（）和on（）需要帮助

Question

有人可以告诉我如何使用on（）实现hide函数。我试过了：

    $(document).on('hide','selector');
    $(document).on('selector', function(){
        $(this).hide();
    });

想知道如何使用on（）;

正确应用这样的函数

Answer 1

.on函数用于将事件连接到某个地方。你没有告诉它甚至连接到什么。你什么时候想要隐藏元素？当点击一个按钮时，让我们假装你想隐藏它。

HTML：

<div id="a">This will hide</div>
<button id="b">Hide!</button>​

jQuery的：

$(document).on('click', '#b', function() {
    $('#a').hide();
});​

如果您只是试图隐藏元素，而不是由事件或任何事件触发，只需调用$('#a').hide();，它将隐藏元素。当然，请更改您的选择器以使用HTML。

小提琴：http://jsfiddle.net/gromer/Zq756/

编辑：

有趣。您是否可以控制动态添加的元素？如果是这样，我会在添加它们时为要隐藏的元素添加一个类。类似的东西：

<div class="initial-hide">This div should be hidden when it's loaded.</div>

然后在你的css中添加：

.initial-hide {
    dislay: none;
}

然后每当元素加载initial-hide类时，它都会被隐藏。看到这个更新的小提琴：http://jsfiddle.net/gromer/Zq756/1/。 “添加”按钮将说明添加的课程将如何帮助您。

Answer 2

在javascript中捕获没有on hide或on show事件。你所做的是捕捉元素的隐藏和显示并附加自定义函数。

$('element').hide(delay, onHide);

function onHide(){
    //do whatever
}

$('element').show(delay, onShow);

function onShow(){
    //do whatever
}