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

Забавно, но ни один из намеченных методов не работал до ...

AdBlock и другие подобные программы не позволяют открывать поля. Возможно, они думают, что переключение части формы - это спам или что-то в этом роде, поэтому после отключения предложенные решения начали работать.

Спасибо всем за помощь.

Answer 2

Могут быть разные причины, по которым он не будет работать на старых версиях Chrome.

1. Вы просто допустили орфографическую ошибку, указав свои идентификаторы => проверьте правильность написания и избегайте дублирования идентификаторов

2. Один или несколько закрывающих тегов в разметке отсутствуют (если это так, Chrome пытается закрыть их и часто с треском проваливается.). => проверьте свою разметку и попробуйте снова.

3. Ваши товары добавляются динамически. В этом случае попробуйте:

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