JavaScript не работает / работает на IE11 - я использую onclick = function () в моем скрипте - ошибка консоли SCRIPT5 - PullRequest
Новая
       13

JavaScript не работает / работает на IE11 - я использую onclick = function () в моем скрипте - ошибка консоли SCRIPT5

0 голосов
/ 07 декабря 2018

Я создал код для веб-сайта моей организации.Он работает во всех браузерах (включая Edge), но не в IE 11. Я много читал о том, что onclick не работает должным образом в IE, но ничего об использовании onclick в самом скрипте.Я получаю сообщение SCTIPT5: доступ запрещен ....

Ниже приведен фрагмент кода [сценарий моего сценария.Он запускается во всех браузерах, кроме IE 11. Кто-нибудь получил какое-либо понимание? 

//Variables
var count = 0 //Yes button click count
var q1 = document.getElementById('q1');
var q2 = document.getElementById('q2');
var q3 = document.getElementById('q3');
var q4 = document.getElementById('q4');
var q5 = document.getElementById('q5');
var cloud0 = document.getElementById('cloud0');
var cloud1 = document.getElementById('cloud1');
var cloud2 = document.getElementById('cloud2');
var cloud3 = document.getElementById('cloud3');
var results = document.getElementById('results');
var result0 = document.getElementById('result0');

//Tracking
var dataLayer = dataLayer || [];
var qNum = 1;

//Question 1 Yes and No button. Actions when they are clicked.
yes1.onclick = function() {
  count ++ ;
    q1.style.display = "none";
    q2.style.display = "inline";
        if (count === 1) {
        cloud0.style.display = "none";
        cloud1.style.display = "block";
    }
    sendEvent(qNum,'yes');
    qNum++;
}

no1.onclick = function() {
    q1.style.display = "none";
    q2.style.display = "inline";
    sendEvent(qNum,'no');
    qNum++;
}


//Question 2 Yes and No button. Actions when they are clicked.
yes2.onclick = function() {
  count ++ ;
    q2.style.display = "none";
    q3.style.display = "inline";
        if (count === 1) {
        cloud0.style.display = "none";
        cloud1.style.display = "block";
    } else if (count === 2) {
        cloud1.style.display = "none";
        cloud2.style.display = "block";
    }
    sendEvent(qNum,'yes');
    qNum++;
}

no2.onclick = function() {
    q2.style.display = "none";
    q3.style.display = "inline";
    sendEvent(qNum,'no');
    qNum++;
}

При каждом нажатии кнопки в файле HTML отображается следующий вопрос и новые кнопки, а предыдущие скрываются.

Вот фрагмент моего HTML-кода, чтобы помочь: 

<div class="quiz" id="quiz">

  <div role="question" class="q" id="q1">
    <div class="layoutq">
      <p class="qnumber" id="qnumber1">1</p>
      <P class="qtext" id="qtext1">Do you usually go up to or over the limit on your cards or overdraft?</P>
    </div>
    <div class="layoutbutton">
      <button role="button" type="button" class="btn btn-o btn-sm" id="yes1">Yes</button>
      <button role="button" type="button" class="btn btn-o btn-sm" id="no1">No</button>
    </div>
  </div>

  <div role="question" class="q" id="q2">
    <div class="layoutq">
      <P class="qnumber" id="qnumber2">2</P>
      <P class="qtext" id="qtext2">Have you borrowed more money to cover your debt payments?</P>
    </div>
    <div class="layoutbutton">
      <button role="button" type="button" class="btn btn-o btn-sm" id="yes2" class="yesbutton">Yes</button>
      <button role="button" type="button" class="btn btn-o btn-sm" id="no2">No</button>
    </div>
  </div>

  <div role="question" class="q" id="q3">
    <div class="layoutq">
      <P class="qnumber" id="qnumber3">3</P>
      <P class="qtext" id="qtext3">Have you considered or applied for a debt consolidation loan recently?</P>
    </div>
    <div class="layoutbutton">
      <button role="button" type="button" class="btn btn-o btn-sm" id="yes3">Yes</button>
      <button role="button" type="button" class="btn btn-o btn-sm" id="no3">No</button>
    </div>
  </div>

  <div role="question" class="q" id="q4">
    <div class="layoutq">
      <P class="qnumber" id="qnumber4">4</P>
      <P class="qtext" id="qtext4">Are you having issues paying your household bills?</P>
    </div>
    <div class="layoutbutton">
      <button role="button" type="button" class="btn btn-o btn-sm" id="yes4">Yes</button>
      <button role="button" type="button" class="btn btn-o btn-sm" id="no4">No</button>
    </div>
  </div>

  <div role="question" class="q" id="q5">
    <div class="layoutq">
      <P class="qnumber" id="qnumber5">5</P>
      <P class="qtext" id="qtex5">Have you borrowed following job loss, illness or an upheaval in your life?</P>
    </div>
    <div class="layoutbutton">
      <button role="button" type="button" class="btn btn-o btn-sm" id="yes5">Yes</button>
      <button role="button" type="button" class="btn btn-o btn-sm" id="no5">No</button>
    </div>
  </div>

</div>

Большое спасибо, ребята

Mark

1 Ответ

0 голосов
/ 07 декабря 2018

Я решил это, определив переменные кнопки в моем скрипте.Все работает сейчас.Спасибо за ваши предложения.mplungjan ваше предложение спасло мой бекон!

Приветствия

...