将html或div的内容加载到div中

我有一组“li”。点击这些“li”中的每一个，我想从html页面加载一个带有内容的“div”。我已经阅读了一些在stackoverflow &的答案尝试了他们，但他们没有帮助我得到这个工作。将html或div的内容加载到div中

下面的代码现在想

<!doctype html> 
<html lang=''> 
    <head> 
     <meta charset='utf-8'> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" href="styles.css"> 
     <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 
     <script type="text/javascript"> 
     $(document).ready(function(){ 
     $("#page1").click(function(){ 
      $('#result').load('dst.html'); 
      //alert("Thanks for visiting!"); 
     }); 

     $("#page2").click(function(){ 
      $('#result').load('incf.html'); 
      //alert("Thanks for visiting!"); 
     }); 
     }); 
    </script> 
    </head> 
    <body> 
     <header class="site-header-wrap"> 
     <div class="site-header"> 
      <h1>MY TOOL</h1> 
     </div> 
     </header> 
     <div id='cssmenu'> 
     <ul> 
      <li class='active'><a href='#'><span>HOME</span></a></li> 
      <li><a id="page1" href="#"><span>OPTION 1</span></a></li> 
      <li><a id="page2" href="#"><span>OPTION 2</span></a></li> 
      <li><a id="page3" href="#"><span>OPTION 3</span></a></li> 
     </ul> 
     </div> 
     <div id="result"></div> 
    </body> 
<html>

在dst.html的代码是

<html lang=''> 
    <body> 
     <p> In page 1(dst page) </p> 
    </body> 
<html>

我能请求帮助，请找出我在做什么错在这里？

来源

2015-09-06 User12345

请检查任何路径错误，控制台中的其他错误。 – sajanyamaha

您的代码似乎工作大部分我，我在你的代码改变的唯一事情就是$('#dblock').load('dst.html');到$('#result').load('dst.html');因为不存在与该ID不派息#dblock

也确保你的文件结构的设置是否正确和HTML文件在那里，你有什么设置现在你应该有三个HTML文件在同一个文件夹中

来源

2015-09-06 05:55:34 NooBskie

Hello NooBskie - 现在好了。谢谢你堆和吨。问题在于Chrome！它正在使用Firefox。目前我主要使用Chrome工作数月。所以，这并不意味着这可能是一个浏览器问题。 – User12345

将html或div的内容加载到div中

回答

相关问题