我的网站响应式导航菜单出现问题...当我检查 iPad 时,使用
和
的缩进不起作用.
el.find('a').each(function(){
var $this = $(this),
optText = " " + $this.text(),
optSub = $this.parents( '.' + settings.subMenuClass ),
len = optSub.length,
dash;
...
我尝试了
if( $this.parents('ul ul ul').hasClass( settings.subMenuClass ) ) {
dash = Array( len+1 ).join( settings.subMenuDash );
optText = ' ' + optText;
}
和
if( $this.parents('ul ul ul').hasClass( settings.subMenuClass ) ) {
dash = Array( len+1 ).join( settings.subMenuDash );
optText = '    ' + optText;
}
两者都无法在 iPad 上运行,但其他设备和浏览器都很棒。
有人知道我的情况吗?提前致谢...
最佳答案
您应该使用$(this).html()
。由于
和
是 HTML 实体,因此如果将 optText
变量放入 中,它们将不会被解析元素的.text()
。
您必须使用 optText = $(this).html()
来读取它,并使用 $(this).html(optText)
来分配它:
function() ...
var optText = $(this).html(); // read the text
...
$(this).html(' ' + optText); // replace the text adding the indention
...
关于javascript -   并且无法在 iPad 上运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25129445/