javascript - 并且无法在 iPad 上运行

Question

我的网站响应式导航菜单出现问题...当我检查 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 = '&#x00A0 &#x00A0 ' + optText;
}

两者都无法在 iPad 上运行，但其他设备和浏览器都很棒。

有人知道我的情况吗？提前致谢...

Answer 1

您应该使用$(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
    ...