Javascript 能够投票和安排投票_Javascript_Jquery

Javascript 能够投票和安排投票

javascript jquery

Javascript 能够投票和安排投票,javascript,jquery,Javascript,Jquery,所以这个列表是有效的！现在是我的下一个把戏。我希望用户能够对这些列出的电影进行任意次数的投票，当他们投票时，我希望这些被投票的电影被安排在“你是最好的电影”下面的列表中。以下是我到目前为止得到的信息：在HTML中： <!DOCTYPE html> <html> <link rel="stylesheet" text="text/css" href="movies.css"> <head> <script src="http://ajax

所以这个列表是有效的！现在是我的下一个把戏。我希望用户能够对这些列出的电影进行任意次数的投票，当他们投票时，我希望这些被投票的电影被安排在“你是最好的电影”下面的列表中。以下是我到目前为止得到的信息：

在HTML中：

<!DOCTYPE html>
<html>
<link rel="stylesheet" text="text/css" href="movies.css">
  <head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>

<title> 
Hello World 
    </title>
  </head>
  <body>
    <h1>My Favorite Movies</h1>
        <div id = "first">
            <input type="text" id="movie" placeholder="Movie">
            <button id="enter">Enter</button>
        </div>
    <div id="list"><u>Chosen Films:</u></div>
    <!-- <div>Chosen Films: <span id="list"></span></div> -->
    <!-- <div id="films"></div> -->
    <div id="best">You're Best Films:</div>



<script type="text/javascript" src="movies.js"></script>
  </body>
</html>


你好，世界
我最喜欢的电影
进入
精选电影：
你是最好的电影：

在我的js中：

/ The function that creates the first list
$("#enter").click(
  function() {
    var movie = $("#movie").val();
    var list = (movie);
    $('#list').append('<p>' + '<button id="vote"></button>' + list + '</p>');
  });

// The function that is supposed to place the chosen movies in a list below "Your best films"
$("#vote").click(
    function() {
    var voted = $("#best").val();
    var best = (voted);
    $('#best').append('<p>' + list + '</p>');
    });

/创建第一个列表的函数
$（“#输入”）。单击(
函数（）{
var movie=$（“#movie”）.val（）；
var列表=（电影）；
$（“#list”）.append（“”+“+list+””）；
});
//该功能用于将所选电影放在“您最好的电影”下面的列表中
$（“#投票”）。点击(
函数（）{
var投票=$（“#最佳”）.val（）；
var最佳=（投票）；
$（“#最佳”）.append（“”+list+””）；
});

因此第一个函数可以工作，只需要第二个。

首先，您不能从第二个函数中调用

列表。这超出了范围。因此，您需要存储或传递它。我建议将其存储在按钮的值中
工作小提琴：
JQUERY
// The function that creates the first list
$("#enter").click(function () {
    var movie = $("#movie").val();
    var $btn = $('<button />', {
        id: "vote",
        type: "button",
        text: "^",
        value: movie,
        click: function(){
            var vote = this.value;
            $("#best").append('<p>'+vote+'</p>');
        }
    });
    var $p = $('<p />');
    //$('#list').append('<p>' + '<button id="vote" value="'+list+'">Vote</button> '+list+'</p>');
    $p.append($btn, " ", movie);
    $p.appendTo("#list");
});

// The function that is supposed to place the chosen movies in a list below "Your best films"
/*$("#vote").live('click', function () {
    var voted = $(this).attr("value");
    console.log(voted);
    $('#best').append('<p>' + voted + '</p>');
});*/

//创建第一个列表的函数
$（“#输入”）。单击（函数（）{
var movie=$（“#movie”）.val（）；
变量$btn=$（''{
id:“投票”，
键入：“按钮”，
正文：“^”，
价值观：电影，
单击：函数（）{
var vote=该值；
$（“#最佳”）。追加（“”+投票+”）；
}
});
var$p=$（“”）；
//$（“#列表”）.append（“”+“投票”+list+””）；
$p.append（$btn，“，电影）；
$p.appendTo（“列表”）；
});
//该功能用于将所选电影放在“您最好的电影”下面的列表中
/*$（“#投票”）.live（'点击'，函数（）{
var投票=$（this.attr（“value”）；
console.log（投票）；
$（“#最佳”）。追加（“”+投票+”）；
});*/

这将创建投票按钮，投票按钮将追加下一个列表。
您的问题是什么？stackoverflow不是一个代码编写服务……这完全是客户端服务，还是某个地方有一台服务器，大概运行着一个数据库，管理着每一次投票？它完全是客户端服务。我已经有密码了。我只需要让它工作。因此，如果一个用户投票，而其他人也来了，其他用户会如何看待投票？他们应该在“你最好的电影”下看到投票，这就是我正在尝试做的。太好了。非常感谢。