基本上我的网站Unbotttled博客只适用于Mac上的safari,因为我添加了在jQuery上运行的mmenu,链接找到here。但是在移动设备和Firefox上,网站会闪现网站的实际外观,然后加载#menu-left div而不是实际的网站。如果我删除菜单左侧的JavaScript启动代码,它会显示菜单权限div。我已经怀疑问题是由于JavaScript启动代码,因为当我删除它时,可以从其他浏览器和手机访问网站。 这是javascript启动代码:
<script type="text/javascript">
// The menu on the left
$(function() {
$('nav#menu-left').mmenu();
});
// The menu on the right
$(function() {
var $menu = $('nav#menu-right');
$menu.mmenu({
position : 'right',
classes : 'mm-light',
dragOpen : true,
counters : false,
searchfield : false,
labels : {
fixed : !$.mmenu.support.touch
},
header : {
add : false
}
});
// Click a menu-item
var $confirm = $('#confirmation');
$menu.find( 'li a' ).not( '.mm-subopen' ).not( '.mm-subclose' ).bind(
'click.example',
function( e )
{
e.preventDefault();
$confirm.show().text( 'You clicked "' + $.trim( $(this).text() ) + '"' );
$('#menu-right').trigger( 'close' );
}
);
});
</script>