【问题标题】:jquery/js hide submit button if div has specific style如果 div 具有特定样式,jquery/js 隐藏提交按钮
【发布时间】:2020-05-24 13:10:26
【问题描述】:

如果能提供帮助,我将不胜感激。当特定错误消息可见时,我尝试隐藏提交按钮,当消息消失时显示提交按钮。我需要使用 data-id 属性。

当我使用 google chrome 控制台时,我的代码似乎可以正常工作,但只能同时使用。当我将它包含到网站中时,它根本不起作用。

对不起,如果我没有完美地描述这一点。这是我的第一篇文章,所以我希望你能理解。

if($('div[data-id="opce_error"]').css('display') === 'none') {
     $(".wpcf7-submit").show();
  }
  if($('div[data-id="opce_error"]').css('display') === 'block') {
     $(".wpcf7-submit").hide();
  }
<div data-id="opce_error" data-orig_data_id="opce_error" data-class="wpcf7cf_group" class="" style="display: block;">
<label class="assets-error">Submit button is hidden</label>
</div>

【问题讨论】:

  • 您在点击某个按钮时检查该条件?
  • 我不确定我是否理解正确。我该怎么做?
  • 我的意思是说你把那个jquery代码放在哪里了?那是怎么调用的?你能添加演示代码吗?
  • 已将其添加到页脚。嗯,我可以尝试在演示中向您展示。

标签: javascript jquery wordpress plugins


【解决方案1】:

你在 jQuery 的 onReady 函数中使用它吗? html还在渲染吗?也许您可以使用 pastebin 或类似的工具给我们一个示例演示?

【讨论】:

  • 我尝试使用 $(document).ready(function() 但它仍然相同。代码似乎可以工作(在谷歌控制台上)但由于某种原因它无法识别 HTML 中的更改。也许这会有帮助。不确定。codepen.io/georgepennet/pen/XWmGGNJ 这不是完整的代码,但你可以看到我自己加载了很多
  • 我看到了 codepen 并更改了错误的显示导致按钮出现&消失......所以。我不明白你的要求...
猜你喜欢
  • 1970-01-01
  • 2016-06-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-11-21
  • 1970-01-01
  • 2013-01-09
  • 1970-01-01
相关资源
最近更新 更多