我的网站(基于WordPress)的结帐页面出现问题。
我有两种产品,在结帐期间,我为每种产品创建了自定义字段来收集特定信息。使用条件规则(按插件),仅当选中特定选项列表时,才会显示某些字段。
当它们被隐藏时,分析代码,我会遇到这种情况:
<div class="form-row form-row-wide thwcfe-html-field-wrapper thwcfe-conditional-field" id="stud_no_req_field" data-name="stud_no_req" data-rules="[[[[{"operand_type":"field","value":"2","operator":"value_eq","operand":["student"]}]]]]" data-rules-action="show" style="display: none;">...</div>
当它们显示时,样式属性将在“块”中更改。
在页面末尾,我还有一个提交订单的按钮。
<button type="submit" class="button alt" name="woocommerce_checkout_place_order" id="place_order" value="Associati" data-value="Associati">Associati</button>
我正在寻找一个脚本,如果上面的自定义文件具有“ display:block”,则隐藏该按钮,反之亦然(如果div具有“ display:none”,则显示按钮)。
我已经尝试过使用此脚本(在结帐页面中),但没有任何反应:
<script>
$(document).ready(function() {
if ($("#stud_no_req_field").style.display == "block")
{
$("#place_order").style.display = "none";
}
else
{
$("#place_order").style.display = "block";
}
});
</script>
我还需要该脚本是自动的(无需单击),并侦听div样式的任何自动更改(在html标记内)。
非常感谢你!!!你是我的天使!
最佳答案
您使用的是错误的代码。你应该做
$("#place_order")[0].style.display = 'none'; // I added [0]
或使用jQuery API(https://api.jquery.com/css/)
$("#place_order").css('display', 'none');
关于javascript - 如果显示自定义字段,则显示/隐藏按钮,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/60782367/