Я новичок в программировании на Javascript. В принципе, я хочу заменить текст, когда ширина экрана составляет 900 пикселей и ниже. Из-за кода Javascript ответных вкладок я не могу использовать CSS, чтобы скрыть более длинные слова.Ширина экрана Javascript не работает на всех устройствах Android
Код Javascript, который я применил, обычно хорошо работает на всех настольных браузерах и браузерах iOS. Тем не менее, я не могу заставить его работать на всех Android-браузерах или устройствах, кроме Samsung Galaxy Tab 2 10.1.
Эти скриншоты: http://www.browserstack.com/screenshots/5fed3f8c9c15c542ff10816861954097d2f36d53
Ниже приводится код Javascript. Я не уверен, что мне здесь что-то не хватает?
$(document).ready(function(){
function checkWidth() {
if ($(window).width() < 900) {
$('li.cvc').text('Credit Expert vs Score');
$('li.hwh').text('How we help');
} else {
$('li.cvc').text('Credit Expert vs Credit Score');
$('li.hwh').text('How we help people');
}
}
$(window).resize(checkWidth);
});
И это HTML-код для справки.
<ul class="resp-tabs-list">
<li class="tab-title">Learn about credit</li>
<li class="tab-title cvc">Credit Report vs Credit Score</li>
<li class="tab-title hwh">How we help people</li>
<li class="tab-title">Company news</li>
</ul>
Я не знать. Но я обычно пишу $ (window) .resize (function() {checkWidth()}); – Jason