使用jQuery和Ajax为所有用户更改元素的样式

时间:2013-01-29 22:41:17

标签: jquery css ajax

我想要一个按钮,为网站的所有用户更改某个元素的显示属性,而不仅仅是点击按钮的人。该按钮用于通过将元素的显示从“无”更改为“内联”来显示用户在线,并且应该对所有人可见。到目前为止,我有一个带有按钮的html文件,该按钮使用jQuery更改显示属性:

<div id="john" style="display:none">John</div>

<script>
var goOnline = function (user) {
    $('#' + user).css('display', 'inline');
}

</script>


<button type="button" onclick="goOnline(john);"/>Go Online</button>

我环顾四周,使用jQuery的Ajax功能似乎是一个很好的解决方案,但我不确定如何正确实现它。我真的很感激任何帮助。

感谢。

1 个答案:

答案 0 :(得分:1)

您需要在服务器上进行一些更改。而且我不确定什么是让所有其他客户端立即更新的最佳方法。例如,这可能涉及polling

如果您正在计划与其他事情具有类似的功能(即用户可以为每个人更改的其他事项),我建议您使用数据库来存储这些值并在每个站点渲染上检查它们。这样,更改不会立即对所有用户可用,但是当页面刷新(或ajax调用)时,将反映更改。