Sidr.js重写字体的类样式

Question

jQuery插件sidr.js正在为移动菜单覆盖my FontAwesome类。我怎么才能不让这种事发生？例如：

-- HTML --
<a href="#" id="btn"></a>
<ul id="side_nav">
    <li><a href="#"><i class="fa fa-fw fa-desktop"></i> Item 1</a></li>
    <li><a href="#"><i class="fa fa-fw fa-pencil"></i> Item 2</a></li>
    <li><a href="#"><i class="fa fa-fw fa-beer"></i> Item 3</a></li>
</ul>

-- jQuery --
$('#btn').sidr({
    source : '#side_nav'
});

最后翻译成这样：

-- HTML --
<a href="#" id="btn"></a>
<ul id="side_nav">
    <li><a href="#"><i class="sidr-class-fa sidr-class-fa-fw sidr-class-fa-desktop"></i> Item 1</a></li>
    <li><a href="#"><i class="sidr-class-fa sidr-class-fa-fw sidr-class-fa-pencilsidr-class-fa sidr-class-fa-fw sidr-class-fa-beer"></i> Item 2</a></li>
    <li><a href="#"><i class="sidr-class-fa sidr-class-fa-fw sidr-class-fa-beer"></i> Item 3</a></li>
</ul>

我知道发生了什么，但我不知道如何在插件中纠正它。还有其他人做过这个吗？

下面是指向sidr.js：http://www.berriart.com/sidr/的链接

Answer 1

您是否将“重命名”选项设置为false？

例如：

$(selector).sidr( {renaming: false} );