而不是在iPad上工作

Question

我的网站导航菜单中出现问题...当我查看iPad时，使用&#x00A0和 的缩进功能无效。

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;
}

和&#x00A0

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
    ...

Answer 2

我尝试将&#x00A0和 替换为‌，然后才有效...