Question

当我点击like按钮然后它改变了类和内部html，但当我点击一个不同的按钮然后它不工作。我该如何解决这个问题？

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery</title>

<!-- jquery file -->
<script src="jquery.js" type="text/javascript"></script>

 <!-- bootstrap files  -->
<script src="bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="bootstrap/css/bootstrap-theme.min.css" type="text/css" />

<script type="text/javascript">
$(function(){
    $(".like").click(function(){
        $(this).html("Unlike");
        $(this).attr("class","btn btn-success unlike");

    })
    $(".unlike").click(function(){
        $(this).html("Like");
        $(this).attr("class","btn btn-primary like");
    })

})
</script>
</head>
<body>
    <button class='btn btn-primary like'>LIKE</button>
</body>
</html>

再次单击事件在jQuery中不起作用。为什么？

0 个答案: