Javascript <；部门>；带有带<；的可单击链接的标签；a>；内贴标签

所以我用一个标签和一个完整的块作为链接，它是一个产品显示，所以你们点击它，它进入产品页面。现在，我创建了一个标签作为链接到购物车页面的按钮。所以我让它工作，但当我点击购物车按钮时，两个页面都会打开产品和购物车。我知道它是这样做的，因为购物车按钮位于链接块内。我做了两个版本，它们都不工作！ 但我该如何修复它

版本1：

 <Div class="col-md-3" onClick="window.open('product.html');"  >
    <Div class="product-thumb">
      <h4>MacBook</h4>
      <img src="image/macbook_1-200x200.jpg" alt="Product">
      <p>Intel Core 2 Duo processor Powered by an Intel Core 2 Duo processor at speeds up to 2.1..</p>
      <p class="price">$3000 USD</p>
      <a href="cart.html;" class="btn btn-default"><i class="glyphicon glyphicon-shopping-cart"></i> Add to cart</a> 
  </Div>

MacBook
Intel Core 2 Duo处理器由Intel Core 2 Duo处理器提供动力，速度高达2.1

3000美元

版本2：

<Div class="col-md-3" onClick="window.open('product.html');"  >
    <Div class="product-thumb">
      <h4>MacBook</h4>
      <img src="image/macbook_1-200x200.jpg" alt="Product">
      <p>Intel Core 2 Duo processor Powered by an Intel Core 2 Duo processor at speeds up to 2.1..</p>
      <p class="price">$3000 USD</p>
      <a href="cart.html" class="btn btn-default"><i class="glyphicon glyphicon-shopping-cart"></i> Add to cart</a> </Div>
  </Div>

MacBook
Intel Core 2 Duo处理器由Intel Core 2 Duo处理器提供动力，速度高达2.1

3000美元

您可以使用stopPropagation。如果没有看到您的代码，则无法100%确定，但类似于以下内容：

$(a).click(function(event){
    event.stopPropagation();
});

这是因为，您需要使用

event.stopPropagation（）

来避免这种行为

    <Div class="col-md-3" onClick="window.open('product.html');">
      <Div class="product-thumb">
        <h4>MacBook</h4>
        <img src="image/macbook_1-200x200.jpg" alt="Product">
        <p>Intel Core 2 Duo processor Powered by an Intel Core 2 Duo processor at speeds up to 2.1..</p>
        <p class="price">$3000 USD</p>
        <a href="cart.html" onClick="event.stopPropagation()" class="btn btn-default"><i class="glyphicon glyphicon-shopping-cart"></i> Add to cart</a> </Div>
    </Div>

MacBook
Intel Core 2 Duo处理器由Intel Core 2 Duo处理器提供动力，速度高达2.1

3000美元

您只需使用

onclick

和

location.href

并通过此链接

<div onclick="location.href='your_url'">
 ....
</div>

....

您需要使用

event.stopPropagation（）

阻止事件在DOM树中冒泡

MacBook
Intel Core 2 Duo处理器由Intel Core 2 Duo处理器提供动力，速度高达2.1

3000美元
document.getElementById（“cartlink”）.addEventListener（“单击”），函数（事件）{
event.stopPropagation（）；
});

您使用的是Bootstrap吗？是的，我使用的是Bootstrap。这项功能现在运行得非常好，我不知道如果我在网站上添加功能，将来是否会创建它，但目前作为模板，它运行得非常好。无需添加任何脚本。@SaadiSLM很高兴它能工作：）只要嵌套的

a

标记使用

event.stopPropagation（）

，它就可以工作。如果答案基本上解决了问题，请将其标记为已接受。我们可以使用它，但只需将其添加为{onClick=“event.stopPropagation（）”}也可以