如何使用jQuery更改“添加到购物车”按钮的位置?我有这样的结构:
.add_to_cart_button {
background-color: transparent;
position: absolute;
top: -9.4%;
right: -16%;
border: none;
border: 1px solid rgba(0, 0, 0, 0.1);
border-left-style: solid;
border-left-color: rgba(0, 0, 0, 0.1);
border-left-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgba(0, 0, 0, 0.1);
border-bottom-width: 1px;
border-bottom-left-radius: 30px;
border-top-right-radius: 30px;
height: 50px;
}
<div class="grand-parent">
<div class="big-child sale simple">
<div class="small-child">
<div>
<a href="#" class="button product_type_simple add_to_cart_button ajax_add_to_cart fa fa-shopping-cart"></a>
</div>
</div>
</div>
</div>
此代码样式为“添加到购物车”按钮位置。但是,如果该产品正在销售中,则此按钮显示的值会比我需要的高一点,该示例显示在附件中
我尝试使用jQuery修复这种情况,但没有成功。我的代码如下所示:
if ($('.grand-parent').find('.sale').length > 0) {
$('a.add_to_cart_button').animate({
top: -8.4 + "%"
}, 0);
}
但是,它改变了所有产品的“顶级”属性,而不仅仅是出售的产品。
如何更改代码以在右上角显示各种类型的产品(销售,可变或简单)的“添加到购物车按钮”而没有间隙?
提前致谢。
php参考方案
无需使用if块,直接使用选择器定位容器中的按钮。
$('.grand-parent .sale a.add_to_cart_button').animate({
top: -8.4 + "%"
}, 0);
php:是否有充分的理由引用所有数组键/索引? - php我正在遍历别人的代码,他们总是避免转义其数组键。例如:$ row_rsCatalogsItems [名称]代替$ row_rsCatalogsItems ['名称']因此,我不断地对自己接触的所有事物进行微小的更改,以应对这些惰性。但是现在我想知道这样做是否有很多好处。我得到它会在默认为字符串之前检查常量(我在处理常量时会讨厌php中的行为,因为即使未定义,…
使用Ajax呈现html表 - php我想知道如何实现以下项目其实我有一个php代码,可以渲染一张桌子<table id = "oldata" class ="table table-bordered"> <thead> <tr class ="success"> <th class="…
验证php中的javascript对象 - php在我的用户界面中,用户可以构建一些javascript对象,例如:var box = { "width": "100px", "height": "200px", "click": function () { alert("You clicked t…
提交表单后显示模式对话框 - php提交下载文件后,我有一张表格。我要自动而不是自动下载文件..以显示模态对话框并显示下载链接。<form name="softwareform" id="softwareform" action="../downloadlink.php" method="POST" alig…
在Codeigniter中以数组形式获取查询结果 - php我有一个查询,如何获取结果作为数组? php大神给出的解决方案 像这样:$rs = $this->db->query(...); $array = $rs->result_array(); https://www.codeigniter.com/user_guide/database/results.html