Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么手机版有时标题未定义?_Javascript_Jquery_Html_Each - Fatal编程技术网

Javascript 为什么手机版有时标题未定义?

Javascript 为什么手机版有时标题未定义?,javascript,jquery,html,each,Javascript,Jquery,Html,Each,我的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="

我的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>
$('#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');

});
//用于dekstop
    ...
  • ...
//移动电话
我的javascript如下所示:

//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>
$('#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');

});
$('#我的选项卡>li')。每个(函数(){
var href=$(this.find('a').attr('href');
var imgScr=$(this.find('img').attr('src');
变量标题
如果(href=='spec')
标题='Spec'
else如果(href==='app')
标题='应用程序'
如果(href=='mc',则为else)
标题='Mc'
$(''+标题+'')。附加到('#my-tab-m.my-m-container');
});
脚本执行了,它就工作了。如果我在控制台上使用
inspect element
进行检查并选择移动版本,则标题将显示

但是如果我直接用手机访问它,标题有时是清晰的,但标题有时是未定义的

有3个选项卡。表1和表2未定义。此时会出现选项卡3。有时一切都会出现。这个问题只发生在手机上


如何解决此问题?

更改标题的一种简单方法是:
document.title=“Your title”

这在所有设备上都有效,而且我99%确信它每次都会有效。

唯一的选择是
href
两者都不是。尝试在所有的
else if
s之后添加最后一个
else
,并提醒结果,这将向您显示未知的
href
@Mosh Feu我找到了解决方案。谢谢你输入的
title
op是指链接上的标题,而不是页面的标题(:哦,对不起,我以为你指的是页面标题。