Браузер Edge / IE оставляет биты шрифта на экране из последней строки после изменения текста - PullRequest
Новая
       9

Браузер Edge / IE оставляет биты шрифта на экране из последней строки после изменения текста

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

У меня есть игра в слова, которая меняет вопрос на экране после каждого ответа, но в некоторых случаях оставляет на экране следы / биты шрифта по сравнению с вопросом до того, что эти буквы "крыши" над шрифтом (внутри красного круга визображение).Я пытался скрыть / показать обновления элементов после каждого изменения предложения, но это не помогло.

font bits on screen

Это не происходило с Chrome или Firefox, только на Edge.

Он берет вопрос из массива JS и меняет их с помощью jQuery внутри нескольких операторов if / else (краткий пример кода): 

<div class="button yes">
<div class="button no">
<div id="question"></div>
<script>
window.onload = function() {
questionsArray = [
    'Ты верный <span class="blue">супруг?</span>',
    'До конца <span class="blue">верный?</span>',
    'Любишь ли ты <span class="blue">своих детей?</span>',
    'Нравится ли тебе проводить <span class="blue">время дома?</span>',
    'Нравится ли тебе <span class="blue">забота о детях?</span>',
    'Ты вообще <span class="blue">переносишь детей?</span>',
    'Готов ли ты сам <span class="blue">родить ребенка?</span> ',
    'Готов ли ты <span class="blue">вырастить детей?</span>'
  ]
$('.button.yes').click(function() {
 level++; yes++;
 if(no == 1 && yes == 0) {
  $('#question').html(questionsArray[2])
} else if (yes == 0 && no == 2) {
  $('#question').html(questionsArray[5])
}
});
...
}
</script>

1 Ответ

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

попытайтесь очистить DIV перед добавлением в него нового текста.

Попробуйте использовать один и тот же DIV для всех вопросов вместо использования нового DIV для каждого вопроса.

Далее попробуйтепредоставить пример кода.Так что мы можем попытаться проверить это, чтобы найти проблему в нем, и попытаться предоставить вам более точное предложение.

...