Question

我目前正在学习一些jquery和javascript，我目前正在为我们的Intranet系统试验很多东西，或者将一些监控应用程序转换为基于Web的应用程序。

一个这样的应用程序涉及一个菜单列表，它根据活动改变背景颜色，我为此做的是加载一个生成每个块所需状态的php页面并将其输出到列表类型格式。

menu.php输出

<ul>
 <a href="index.php?id=1"><li class="green">Menu 1</li></a>
 <a href="index.php?id=2"><li class="blue">Menu 2</li></a>
</ul>

php代码根据特定Menu上的数据状态更改id和类，现在使用jquery的setInterval函数，我自动刷新包含index.php上菜单的div，以更改链接的背景颜色，这些链接btw刷新div表上的数据。

的index.php

$(document).ready(function() {
$.ajaxSetup({ cache: false });
setInterval(function() {
$('menu').load('menu.php');
}, 10000);
});
// ]]></script>
<body>
<div id="menu>
Menu list Generated here
</div>
<div id="table">
Selected data
</div>
</body>

我现在想要做的是我还要刷新表格div的数据，通过实现ajax，并在点击（来自menu.php）上使用.load并使用代码之类的东西加载table.php以下是为了避免刷新整个页面。

<a id="click" href="#">click</a>

<script>
    $(function() {
      $("#click").click(function(evt) {
         $("#table").div().load("table.php")
         evt.preventDefault();
      })
    })
</script>

这次似乎不行，从我所看到的可能是menu.php上的链接不可能更新我的index.php上的div，即#table。因此我的问题

或许我做错了，对什么是更好的方法的任何见解可能？

我可以使用jquery / ajax刷新页面上带有来自其他页面的链接的特定div吗？

0 个答案: