jquery加载html并隐藏和显示
我调用以下代码将html加载到div中jquery加载html并隐藏和显示,jquery,Jquery,我调用以下代码将html加载到div中 $('#strap').click(function(e) { e.preventDefault(); $('#collection_content').load('collection_sub.html'); }); 我叫它来让它消失 $('#collection_content').hide(); 但是当我再次尝试加载相同的html文件时,它没有显示任何内容。。是因为它是隐藏的吗?我应该如何
$('#strap').click(function(e) {
e.preventDefault();
$('#collection_content').load('collection_sub.html');
});
我叫它来让它消失
$('#collection_content').hide();
但是当我再次尝试加载相同的html文件时,它没有显示任何内容。。是因为它是隐藏的吗?我应该如何使它再次出现?目前,“collection_sub.html”是静态的,但它将被一个php动态页面替换,所以我想重新加载它。。有什么办法吗
谢谢。要让它再次出现,只需调用
.show()
:
如果元素已经可见,
.show()
将不会有任何效果。.load
隐藏和显示
在这里,你要点击id=strip,然后它会将一个collection\u sub.html页面加载到div are collection\u内容中。因此,如果你想在加载后隐藏它,你需要像这样使用它。如果你想在再次点击#strip时显示它,你想像下面一样使用它
$('#strap').click(function(e) {
e.preventDefault();
$('#collection_content').load('collection_sub.html',function(){
$('#collection_content').hide();
$('#strap').click(function(e) {
$('#collection_content').show();
});
});
});
是的,当单击#strip
元素时,会调用几个处理程序。
$('#strap').click(function(e) {
e.preventDefault();
$('#collection_content').load('collection_sub.html',function(){
$('#collection_content').hide();
$('#strap').click(function(e) {
$('#collection_content').show();
});
});
});