onclick="$('#id').toggle()" 无效，需要为 Chrome 旧版本重写

Question

下一个问题我需要帮助。在我的代码中，切换我正在使用的一些字段

 <a onclick="$('#toggledFormId').toggle()" >Presss</a>

对我来说一切都很好，但在其他计算机上进行测试时出现问题。没有任何反应，没有错误，没有警报，没有切换。

我知道是因为我的Chrome版本是最后一个，而且在测试机上比较旧，但我需要找到通用的解决方案。

我试过了

<script> 
   $('#hrefId').click(function()
   {
      $('#toggledFormId').toggle();
   });
</script>

这个

<script>
   $('#hrefId').on('click', function(){
     $('#toggledFormId').toggle();
   });
</script>

通过使用 类（不是 id）和其他一些类似的变体，不是复杂的变体，但没有结果。

如果有任何建议，我将不胜感激^_^

Answer 1

可能有多种原因导致它无法在旧 chrome 版本上运行。

1. 您的 ID 只是拼写错误 => 检查您的拼写并避免重复 ID

2. 您的标记中缺少一个或多个结束标记（如果是这样，chrome 会尝试 关闭它们并经常悲惨地失败。）。 => 检查您的标记并重试。

3. 正在动态添加您的项目。在这种情况下尝试：

$( "body" ).on( "click", "#hrefId", function() {
  $('#toggledFormId').toggle();
});

Answer 2

很有趣，但不是有目的的方法直到...

AdBlock 和其他类似程序不让字段打开。也许他们认为表单的切换部分是垃圾邮件或类似的东西，所以在他们禁用建议的解决方案后开始工作。

谢谢大家的帮助。