Question

我想删除旧的加载内容并显示新点击的内容

索引html文件

<a href="" class="content-board" >
<a href="" class="content-listing" >

内容html文件

<div class="content-board">
<div class="content-listing">

我的Jquery

$(document).ready(function(){
$("a").click(function(e) {
    e.preventDefault();
    var filetype = $(this).attr('class');
    $('#output').load("includes/listing.html ."+filetype); 
    });
});

此函数已成功加载，但是全部，我只想显示一个单击的对象。

例如：如果我单击<a href="" class="content-board" >，则显示<div class="content-board">

如果我单击<a href="" class="content-listing" >隐藏<div class="content-board">，然后显示<div class="content-listing">

我使用preventDefualt函数在单击后保留内容，因为如果没有，则显示后内容会突然消失

希望您从Jquery函数了解我正在尝试做什么

Answer 1

根据您对问题的了解，您希望清除所有内容并仅显示已加载的div内容，然后可以尝试类似的操作。

$(document).ready(function(){
$("a").click(function(e) {
    e.preventDefault();
    clearContents();
    var filetype = $(this).attr('class');
    $('#output').load("includes/listing.html ."+filetype); 
    $('.'+filetype ).show();
    });
});


function clearContents(){
     $('.content-board').hide();  // or $('.content-board').html('');
     $('.content-listing').hide(); // or $('.content-listing').html('');
  }

删除或隐藏以前加载的旧内容并显示新内容

1 个答案: