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/