Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果显示客户字段,则显示/隐藏按钮_Javascript_Html_Css_Wordpress_Woocommerce - Fatal编程技术网

Javascript 如果显示客户字段,则显示/隐藏按钮

Javascript 如果显示客户字段,则显示/隐藏按钮,javascript,html,css,wordpress,woocommerce,Javascript,Html,Css,Wordpress,Woocommerce,我的网站(基于wordpress)的结账页面出现问题。 我有两种产品,在结账期间,我为每种产品创建了自定义字段以收集特定信息。使用条件规则(按插件),只有选中特定选项列表时,才会显示某些字段。 当它们隐藏起来,分析代码时,我发现了这种情况: <div class="form-row form-row-wide thwcfe-html-field-wrapper thwcfe-conditional-field" id="stud_no_req_field" data-name="stud_

我的网站(基于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="[[[[{&quot;operand_type&quot;:&quot;field&quot;,&quot;value&quot;:&quot;2&quot;,&quot;operator&quot;:&quot;value_eq&quot;,&quot;operand&quot;:[&quot;student&quot;]}]]]]" 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>
association
我正在寻找一个脚本,如果上面的自定义文件有“display:block”和“viceversa”(如果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>

$(文档).ready(函数(){
if($(“#螺柱编号#要求#字段”).style.display==“块”)
{
$(“#下订单”).style.display=“无”;
}
其他的
{
$(“#下订单”).style.display=“块”;
}
});
我还需要该脚本是自动的(无需单击),并侦听div样式的任何自动更改(在html标记内)


非常感谢!!!你是我的天使

您使用了错误的代码。你应该这样做

$("#place_order")[0].style.display = 'none'; // I added [0]
或者使用jQuery API()


你用错代码了。你应该这样做

$("#place_order")[0].style.display = 'none'; // I added [0]
或者使用jQuery API()


你可以写完整的剧本吗?我试着用第一次修正来改变这两行,然后用第二次修正。没有人为我工作:(我还收到一条错误消息:“uncaughtypeerror:$不是函数”。你包括jQuery吗?我包括jQuery。WordPress有自己版本的jQuery库(jQuery migrate.min.js?ver=1.4.1)。我通过子主题的function.php文件将脚本排队。'wp\u enqueue\u script(“jQuery”)'此特定的jQuery副本默认处于兼容模式。jQuery的典型$shortcut不起作用,因此它与任何其他JavaScript库都不冲突。我们必须使用jQuery而不是$。现在我在检查过程中没有更多错误,但脚本不起作用。我不知道。可能元素在html标记?Ma中有style属性y元素有一个class属性?你可以写完整的脚本吗?我试着用第一行修改,然后用第二行修改。没有人适合我:(我还收到一条错误消息:“Uncaught TypeError:$不是函数”。你包括jQuery了吗?我包括jQuery。WordPress有自己版本的jQuery库(jquery migrate.min.js?ver=1.4.1)。我已经通过子主题的function.php文件将脚本排队。'wp\u enqueue\u script(“jquery”)'此特定的jQuery副本默认处于兼容模式。jQuery的典型$shortcut不起作用,因此它与任何其他JavaScript库都不冲突。我们必须使用jQuery而不是$。现在我在检查过程中没有更多错误,但脚本不起作用。我不知道。可能元素在html标记?Ma中有style属性y元素有class属性吗?