Вопросы Теги

else if оператор не запускается при щелчке jquery

Это переменная, которая ссылается на на другую: 

int foo;
int& bar = foo;

bar теперь является ссылкой, то есть bar содержит местоположение памяти, где foo.

Для получения дополнительной информации см. здесь .

0
задан showdev 13 July 2018 в 21:44
поделиться

4 ответа

Переместить текстовую ссылку кнопки внутри метода 

$('button').click(function() {
var buttonText= $('button').text();
    if (buttonText=='day') {
        $('body').css({
            'background':'red'
        })
    $('button').text('night');
} else if (buttonText=='night') {
    $('body').css({
        'background':'yellow'
    }) 
}
})
1
ответ дан Erik Philips 17 August 2018 в 12:07
поделиться
  • 1
    Большое спасибо, но позвольте мне кое-что спросить. Нужно ли отделять разделы, или это просто радует лицо моего кода? – hassan-pudineh 13 July 2018 в 22:13
  • 2
    – Erik Philips 13 July 2018 в 22:30
1
ответ дан Erik Philips 6 September 2018 в 08:55
поделиться

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

$('button').click(function() { 
    var buttonText= $('button').text(); //get button text each time you click the button
    if (buttonText=='day') { 
        $('body').css({ 'background':'red' }) 
        $('button').text('night');
    } else if (buttonText=='night') { 
        $('body').css({ 'background':'yellow' }) 
    } 
})
0
ответ дан derpirscher 17 August 2018 в 12:07
поделиться

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

Кроме того, установка текста на «день» означает, отсутствовал в вашем блоке else. 

$('button').click(function() {
  var buttonText = $('button').text();

  if (buttonText == 'day') {
    $('body').css({
      'background': 'red'
    })
    $('button').text('night');
  } else if (buttonText == 'night') {
    $('body').css({
      'background': 'yellow'
    });
    $('button').text('day');
  }
})
<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <title></title>
  <link rel="stylesheet" href="training.css">
</head>

<body>
  <p>velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  </p>
  <button type="button" name="button">day</button>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>
  <script src="training.js" charset="utf-8"></script>
</body>

</html>

1
ответ дан Guillaume Georges 17 August 2018 в 12:07
поделиться
  • 1
    Большое спасибо, но позвольте мне кое-что спросить. Нужно ли отделять разделы, или это просто радует лицо моего кода? – hassan-pudineh 13 July 2018 в 22:09
  • 2
    Ответ на ваш вопрос, связанный с @ErikPhilips? Потому что вы должны обязательно слушать его совет. – Guillaume Georges 13 July 2018 в 22:10
Другие вопросы по тегам:

Похожие вопросы: