Question

我正在调用以下代码将html加载到div中。

        $('#strap').click(function(e) {
        e.preventDefault();
        $('#collection_content').load('collection_sub.html');

    });

我称之为让它消失

$('#collection_content').hide();

但是当我尝试再次加载相同的html文件时，它没有显示任何内容..是因为它被隐藏了吗？我怎么能让它再次出现？现在，'collection_sub.html'是静态的，但它将被替换为php动态页面，所以我想重新加载它..有什么办法可以做到吗？

感谢。

Answer 1

要再次显示，只需致电.show()：

$('#collection_content').show().load('collection_sub.html');

如果元素已经显示，.show()将不会有任何效果。

Answer 2

.load。hide和.show

在这里你要点击id = strap然后它会将一个collection_sub.html页面加载到div中的是collection_content.so如果你想在它加载后隐藏你需要它就像这样。如果你想要的话再次单击#strap时显示它想要像下面那样使用它

       $('#strap').click(function(e) {
            e.preventDefault();
            $('#collection_content').load('collection_sub.html',function(){
    $('#collection_content').hide();

     $('#strap').click(function(e) {

    $('#collection_content').show();

      });

  });

});

jquery加载html并隐藏和显示

2 个答案: