無法通過jquery獲取html5數據屬性

Question

我正在嘗試使用jQuery獲取html5自定義數據屬性。這些屬性被設置爲數據庫元素。它們被注入html元素，但jQuery無法看到它們。

因此，這裏是我的自定義數據ATTRS HTML元素：

<a data-price={{$product->price}} data-brand={{$product->brand . " " . $product->model}} id="model" data-toggle="modal" href="#shoppingcart" class="btn btn-danger btn-sm">Add to Cart</a> 

但與jQuery我得到了一個未定義的值：

$("a#modal").on("click",function() { 
      console.log($(this).data("price")); 
}); 

問題是什麼？

Answer 1

該元素沒有ID modal。嘗試model相反，與e的HTML有id="model"

試試這個：

$("a#model").on("click",function() { 
    console.log($(this).data("price")); 
});