.load在div内的框中加载内容,而不是只填充div

时间:2012-02-03 10:29:00

标签: jquery

基本上我只想加载内容的文本。我一直在研究jquery函数,但找不到合适的函数。无法让$ .get()工作。预先存在的div和加载的废料都具有“内容”的id。 jquery的:

 $(function() {
        $('#header a').click(function() {
            $('#content').empty();
            $('#content').load(this.href);
            return false;
        });
    });

HTML:

<div id="header" class="ui-corner-all ui-buttonset">
         <a title="index" href="index.php" ><span>home</span></a>
         <a title="code" href="code.php" ><span>code</span></a>
         <a title="design" href="design.php" ><span>design</span></a>
         <a title="illustration" href="illustration.php" ><span>illustration</span></a>
         <a title="writing" href="writing.php" ><span>writing</span></a>
         <a title="links" href="links.php" ><span>links</span></a>
         <a title="about" href="about.php" ><span>about</span></a>
         </div>

<div id="contentspace" class="body ui-corner-all">
</div>

加载页面:

<??>
<div id="content">
<title>illustration</title>
<h2>illustration</h2>
</div>
<??>

1 个答案:

答案 0 :(得分:1)

  

预先存在的div和已加载的废料都具有“内容”ID。

我没有理解这个问题,但你不应该有相同的id s

$(function() {
 $('#header a').click(function() {
 $('#content').empty();
  $.get(this.href,function(data){
    $("#content").append($(data).wrap("<div class='box'/>"));
  });
   return false;
 });
});