Почему иногда название не определено в мобильной версии? - PullRequest
Новая
       18

Почему иногда название не определено в мобильной версии?

0 голосов
/ 10 ноября 2019

Мой html такой: 

//for dekstop
<ul id="my-tab" class="hide-on-med-and-down">
    ...
    <li class="content accent-4">
      ...
    </li>
</ul>

//for mobile
<div id="my-tab-m" class="hide-on-large-only">
    <div class="row my-m-container">
    </div>
</div>

Мой javascript такой: 

$('#my-tab>li').each(function () {
    var href = $(this).find('a').attr('href');
    var imgScr = $(this).find('img').attr('src');

    var title
    if(href === 'spec')
        title = 'Spec'
    else if(href === 'app')
        title = 'App'
    else if(href === 'mc')
        title = 'Mc'


    $('<a href="#" data-href="' + href + '"><div class="col s" >'+title+'<div class="my-m-content"><img src="' + imgScr+'" /></div></div></a >').appendTo('#my-tab-m .my-m-container');

});

Сценарий выполнен, все работает. Если я проверю с помощью inspect element на консоли и выберу мобильную версию, заголовок покажет

Но если я получу доступ к нему напрямую с мобильного телефона, заголовок будет разборчивым, но иногда заголовок будет undefined

Существует 3 вкладки. вкладка 1 и вкладка 2 не определены. появляется вкладка 3иногда все появляется. эта проблема возникает только на мобильных телефонах

Как я могу решить эту проблему?

1 Ответ

0 голосов
/ 11 ноября 2019

Один простой способ изменить название: document.title = "Your Title"; Это работает на всех устройствах, и я на 99% уверен, что оно будет работать каждый раз.

...