Переместить jsfiddle на сайт - PullRequest
Новая
       4

Переместить jsfiddle на сайт

0 голосов
/ 12 сентября 2018

У меня есть код, работающий в JSFiddle 

$('#choice_17_9_1').change(function() {
  if ($(this).is(":checked")) {
    $('#choice_17_9_2').attr('disabled', true);
    $('#label_17_9_2').css('color', '#cccccc');


  } else {
    $('#choice_17_9_2').attr('disabled', false);
    $('#label_17_9_2').css('color', '#000000');



  }
});

$('#choice_17_9_2').change(function() {
  if ($(this).is(":checked")) {
    $('#choice_17_9_1').attr('disabled', true);
    $('#label_17_9_1').css('color', '#cccccc');

  } else {
    $('#choice_17_9_1').attr('disabled', false);
    $('#label_17_9_1').css('color', '#000000');



  }
});
// second pair
$('#choice_17_9_3').change(function() {
  if ($(this).is(":checked")) {
    $('#choice_17_9_15').attr('disabled', true);
    $('#label_17_9_15').css('color', '#cccccc');


  } else {
    $('#choice_17_9_15').attr('disabled', false);
    $('#label_17_9_15').css('color', '#000000');



  }
});

$('#choice_17_9_15').change(function() {
  if ($(this).is(":checked")) {
    $('#choice_17_9_3').attr('disabled', true);
    $('#label_17_9_3').css('color', '#cccccc');

  } else {
    $('#choice_17_9_3').attr('disabled', false);
    $('#label_17_9_3').css('color', '#000000');



  }
});

// third pair
$('#choice_17_9_5').change(function() {
  if ($(this).is(":checked")) {
    $('#choice_17_9_7').attr('disabled', true);
    $('#label_17_9_7').css('color', '#cccccc');


  } else {
    $('#choice_17_9_7').attr('disabled', false);
    $('#label_17_9_7').css('color', '#000000');



  }
});

$('#choice_17_9_7').change(function() {
  if ($(this).is(":checked")) {
    $('#choice_17_9_5').attr('disabled', true);
    $('#label_17_9_5').css('color', '#cccccc');

  } else {
    $('#choice_17_9_5').attr('disabled', false);
    $('#label_17_9_5').css('color', '#000000');



  }
});

Я пытался переместить его на свой сайт WordPress, но он не работает.

Приведенный выше код находится в файле, который загружается через файл functions.php.

Я также загружаю Jquery 3.2.1 через файл functions.php, используя код, показанный здесь: https://wpengine.com/support/including-a-different-jquery-version-in-wordpress/

Я не знаю, нужно ли мне что-то добавить в файл js, кроме того, что находится на панели JS jsfiddle, или добавить функцию загрузки в HTML ... есть что-то, чего мне не хватает?

Я попытался обернуть код в функцию window.onload. А также попытался добавить код js в header.php вместо загрузки внешнего файла.

Любая помощь будет принята с благодарностью.

...