現在、bootstrap3 サイトで「Slick-App-Like-Sliding-Menu-Plugin-With-jQuery-Mmenu」という引き出しのようなメニューを使用しており、モーダルを呼び出すサインイン ボタンがあります。ただし、モーダルはこのメニュー内では機能しません。洗練されたメニューの外にある限り、問題なく動作します
それを修正する方法はありますか?私はelseif部分を挿入しましたが、それはメニューを壊すだけです-しかし、明るい面では、モーダルは機能します..
<script type="text/javascript">
$(document).ready(function() {
var $menu = $('nav#menu'),
$html = $('html, body');
$menu.mmenu({
onClick: {
// set the location.href after the menu closes
setLocationHref: function()
{
var href = $(this).attr( 'href' );
// set location.href only if the clicked link is not linked to an anchor
return href.slice( 0, 1 ) != '#';
},
// callback after the menu closes
callback: function()
{
var href = $(this).attr( 'href' );
// if the clicked link is linked to an anchor, scroll the page to that anchor
if ( href.slice( 0, 1 ) == '#' )
{
setTimeout(
function()
{
$html.animate({
scrollTop: $( href ).offset().top
});
}, 10
);
}
elseif (href.match(/#modalSignin/))
{
$(href).modal('toggle');
}
}
},
configuration: {
hardwareAcceleration: false
}
});
});
</script>