Question

我有一个带3个链接的菜单栏。当您单击这些链接时，我希望内容在主div中更改。链接将是3个不同的文件。其中一个是html文件，另外两个是php文件。我真的不懂javascript，但这是我到目前为止所做的：

<ul id="nav">
<li><a href="#" id="link1" onclick="changeDiv('1')">View Records</a></li>
<li><a href="#" id="link2" onclick="changeDiv('2')">Enter Information</a></li>
<li><a href="#" id="link3" onclick="changeDiv('3')">View Upcoming</a></li>
</ul>

我拥有的javascript是：

<script type="text/javascript">
   function changeDiv(link)
   {
      var contentDiv = $('#content');
      if (link == '1')
         contentDiv.html();
      if (link == '2')
         contentDiv.html();
      if (link == '3')
         contentDiv.html();

   }
</script>

从那里我尝试了很多不同的东西，但现在我卡住了。它需要采用什么格式？

Answer 1

你必须使用jquery：在你的标题中包含它 $（文件）。就绪（函数（）{ $（ '＃链接1'）。点击（函数（）{ $（'＃main'）。load（'ajax / test.html'）; }）

    $('#link2').click(function(){
        $('#main').load('ajax/test2.html ');
    })

    $('#link2').click(function(){
        $('#main').load('ajax/test3.php ');
    })

    })

</script>

<a id="link1" href="#">asd</a>
<div id="main"></div>

Answer 2

如果您正在使用jQuery，请查看jQuery.load()。你的代码应该是这样的：

function changeDiv(link){
   if(link == '1') jQuery('#content').load('htmlPage1.html');
   if(link == '2') jQuery('#content').load('htmlPage2.html');
   if(link == '3') jQuery('#content').load('htmlPage3.html');
}

假设您想要放置内容的div具有id“content”，当然您必须自定义jQuery加载的地址（htmlPage2.html ...）

希望这有帮助

可以从菜单栏中的一个div中进行内容

2 个答案: