我项目中的href链接不可点击

Question

我项目中的href链接不可点击，我有此HTML和javascript，HTML中的href不可点击，它们想显示我的购物车。 有人可以帮我找出问题所在吗？ 我试图解决任何问题。

<!DOCTYPE html>
<html>
<head>
<title>Words</title>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<link rel="stylesheet" href="words.css" type="text/css"/>
<script type="text/javascript" src="words.js"></script>
</head>
<body>
<h1>Shopping Cart</h1>

<div>
<ul>
    <li><a class="add-to-cart" href="#" data-name="Apple" data-price="1.22">
</a>Apple $1.22</li>
    <li><a class="add-to-cart" href="#" data-name="Banana" data-price="1.33">
</a>Apple $1.22</li>
    <li><a class="add-to-cart" href="#" data-name="Shue" data-price="22.33">
</a>Apple $1.22</li>
    <li><a class="add-to-cart" href="#" data-name="Frisbee" data-price="5.22">
</a>Apple $1.22</li>

</ul>
    <button id="clear-cart">Clear cart</button>
</div>

<div>
<ul id="show-cart">
    <li></li>
    </ul>
</div>

</body>
</html>

JavaScript

$(".add-to-cart").click(function(event) {
    event.preventDefault();
    var name = $(this).attr("data-name");
    var price = Number($(this).attr("data-price"));

    addItemToCart(name, price, 1);
        displayCart();
    });

    function displayCart() {
        var cartArray = listCart();
        var output = "";
        for (var i in cartArray) {
            output += "<li>" + cartArray[i].name + " " + cartArray[i].count + "</li";
        }
        $("#show-cart").html(output);
    }
});

Answer 1

您的链接不可靠，因为您在错误的位置张贴了标签的结尾。 这是正确的代码：

<ul>
    <li><a class="add-to-cart" href="#" data-name="Apple" data-price="1.22">
    Apple $1.22</a></li>
    <li><a class="add-to-cart" href="#" data-name="Banana" data-price="1.33">
    Apple $1.22</a></li>
    <li><a class="add-to-cart" href="#" data-name="Shue" data-price="22.33">
Apple $1.22</a></li>
    <li><a class="add-to-cart" href="#" data-name="Frisbee" data-price="5.22">
Apple $1.22</a></li>

</ul>

在HTML5和更早版本中，关闭标记应始终按正确的顺序排列，例如：

<tag1><tag2><tag3></tag3></tag2></tag1>

如果您使用link标签，则应记住在内容的末尾张贴结束标签，该标签可能会像这样：

<a href="someurl.html">  Clicable content </a>

我项目中的href链接不可点击

问题描述

1 个解决方案

解决方案1
3 2017-08-26 20:14:39

我项目中的href链接不可点击

问题描述

1 个解决方案

解决方案1 3 2017-08-26 20:14:39

解决方案1
3 2017-08-26 20:14:39