Javascript或jQuery在页面刷新时显示随机元素
我正在一个博客网站上为我的自定义主题制作一个网站。我想有一个审查部分,但我只想有一个审查每页刷新。我想知道是否有任何方法可以用jQuery或javascript(我不确定是哪一种)编写一个脚本,从数组中随机选取一个元素(所有的评论都有一个单独的元素,每个人都有一个不同的div ID和一个不同的评论),并在名为#reviews的div中显示该元素,然后隐藏其他元素?这听起来很混乱,但基本上我需要jQuery或javascript来选择一个评论并将其放在评论部分。如果有人能帮忙,我们将不胜感激。jQuery是JavaScript。要从数组中获取随机元素,请使用Math.random(): jQuery是JavaScript。要从数组中获取随机元素,请使用Math.random(): 这里有一条路 但是,除非您计划在某个时候(滑块或分页)显示其他评论,否则您应该真正在服务器端执行此操作。向人们发送内容只是为了隐藏它有点浪费。这里有一种方法Javascript或jQuery在页面刷新时显示随机元素,javascript,jquery,Javascript,Jquery,我正在一个博客网站上为我的自定义主题制作一个网站。我想有一个审查部分,但我只想有一个审查每页刷新。我想知道是否有任何方法可以用jQuery或javascript(我不确定是哪一种)编写一个脚本,从数组中随机选取一个元素(所有的评论都有一个单独的元素,每个人都有一个不同的div ID和一个不同的评论),并在名为#reviews的div中显示该元素,然后隐藏其他元素?这听起来很混乱,但基本上我需要jQuery或javascript来选择一个评论并将其放在评论部分。如果有人能帮忙,我们将不胜感激。jQ
但是,除非您计划在某个时候(滑块或分页)显示其他评论,否则您应该真正在服务器端执行此操作。发送内容只是为了隐藏它有点浪费。我会使用knockout.js,它非常适合将JavaScript对象绑定到DOM。您可以填充对象的数组并将其数据绑定到div。每次都将数组的随机元素绑定到div。数据绑定非常简单:
<p>First name: <input data-bind="value: firstName" /></p>
// This is a simple *viewmodel* - JavaScript that defines the data and behavior of your UI
function AppViewModel() {
this.firstName = "Bert";
}
// Activates knockout.js
ko.applyBindings(new AppViewModel());
名字:
//这是一个简单的*viewmodel*-JavaScript,用于定义用户界面的数据和行为
函数AppViewModel(){
this.firstName=“Bert”
}
//激活knockout.js
应用绑定(新的AppViewModel());
有关更多示例,请参见中的精彩教程:
我会使用knockout.js,它非常适合将JavaScript对象绑定到DOM。您可以填充对象的数组并将其数据绑定到div。每次都将数组的随机元素绑定到div。数据绑定非常简单:
<p>First name: <input data-bind="value: firstName" /></p>
// This is a simple *viewmodel* - JavaScript that defines the data and behavior of your UI
function AppViewModel() {
this.firstName = "Bert";
}
// Activates knockout.js
ko.applyBindings(new AppViewModel());
名字:
//这是一个简单的*viewmodel*-JavaScript,用于定义用户界面的数据和行为
函数AppViewModel(){
this.firstName=“Bert”
}
//激活knockout.js
应用绑定(新的AppViewModel());
有关更多示例,请参见中的精彩教程:
我只是想指出,没有Javascript就不可能使用jQuery,因为jQuery是一个Javascript库。谢谢,我是Javascript新手。我只是想指出,没有Javascript就不可能使用jQuery,因为jQuery是一个Javascript库。谢谢,我是Javascript新手。我如何将所有元素放在一个数组中,并在#review中显示随机元素?我如何将所有元素放在一个数组中,并在#review中显示随机元素?小提琴不起作用,或者你重新创建它不起作用?刷新该链接将为您提供一个
。随机查看。小提琴不起作用,或者您重新创建它不起作用?刷新该链接将为您提供一个。随机查看。
var $reviews = $('#reviews .review').hide();
$reviews.eq(Math.random()*$reviews.length).show();
<p>First name: <input data-bind="value: firstName" /></p>
// This is a simple *viewmodel* - JavaScript that defines the data and behavior of your UI
function AppViewModel() {
this.firstName = "Bert";
}
// Activates knockout.js
ko.applyBindings(new AppViewModel());