Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/458.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/cassandra/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript或jQuery在页面刷新时显示随机元素_Javascript_Jquery - Fatal编程技术网

Javascript或jQuery在页面刷新时显示随机元素

Javascript或jQuery在页面刷新时显示随机元素,javascript,jquery,Javascript,Jquery,我正在一个博客网站上为我的自定义主题制作一个网站。我想有一个审查部分,但我只想有一个审查每页刷新。我想知道是否有任何方法可以用jQuery或javascript(我不确定是哪一种)编写一个脚本,从数组中随机选取一个元素(所有的评论都有一个单独的元素,每个人都有一个不同的div ID和一个不同的评论),并在名为#reviews的div中显示该元素,然后隐藏其他元素?这听起来很混乱,但基本上我需要jQuery或javascript来选择一个评论并将其放在评论部分。如果有人能帮忙,我们将不胜感激。jQ

我正在一个博客网站上为我的自定义主题制作一个网站。我想有一个审查部分,但我只想有一个审查每页刷新。我想知道是否有任何方法可以用jQuery或javascript(我不确定是哪一种)编写一个脚本,从数组中随机选取一个元素(所有的评论都有一个单独的元素,每个人都有一个不同的div ID和一个不同的评论),并在名为#reviews的div中显示该元素,然后隐藏其他元素?这听起来很混乱,但基本上我需要jQuery或javascript来选择一个评论并将其放在评论部分。如果有人能帮忙,我们将不胜感激。

jQuery是JavaScript。要从数组中获取随机元素,请使用Math.random():

jQuery是JavaScript。要从数组中获取随机元素,请使用Math.random():

这里有一条路

但是,除非您计划在某个时候(滑块或分页)显示其他评论,否则您应该真正在服务器端执行此操作。向人们发送内容只是为了隐藏它有点浪费。

这里有一种方法


但是,除非您计划在某个时候(滑块或分页)显示其他评论,否则您应该真正在服务器端执行此操作。发送内容只是为了隐藏它有点浪费。

我会使用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());