Javascript 为什么手机版有时标题未定义?
我的html如下所示: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="
//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是指链接上的标题,而不是页面的标题(:哦,对不起,我以为你指的是页面标题。