ajax拆分面板示例

Question

任何人都可以为ajax / php拆分面板建议一个好的教程或框架。这个想法是创建2个面板，在面板1中有一个菜单，当点击时打开面板2中的内容。我花了很多时间试图在谷歌上找到例子，但没有运气。谢谢。

Answer 1

实施例： 你有两个<div>的id为div1和div2。

div1包含一个带有<li> - 对象的菜单。第一个有id menu1

$("#menu1").click(function() {
    $.get('your/path_to_php.php', function(data) {
        $("#div2").html(data);
    });
});

如果path_to_php.php文件返回html结构化数据，则为ofc。

Answer 2

如果您使用javascript，则非常直接。

1. 使用标准html创建2个面板
2. 向面板1添加菜单。

3. 在菜单项上设置onclick事件，并使用javascript在面板2中使用ajax加载内容。 例如（jquery，$（'#divid'）。html（newcontent）等。）

   $('#panel1').click(function(){
   $('#panel2').text('new content!');
   });​
   

   http://jsfiddle.net/harendra/JQY9S/