Question

jQuery插件 sidr.js 正在覆盖移动菜单的 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

e.g。

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

Sidr.js重写Font Awesome类样式

1 个答案: