몸체를 클릭하여 사이드 바를 닫는 방법

안녕하세요, 저는 오프 캔버스 사이드 바가 꽤 잘 작동합니다. 내가 바꾸고 자하는 것은 사용자가 아무렇게나 cklicking하여 사이드 바를 닫아야한다는 것입니다. 예를 들어 몸 안쪽에.몸체를 클릭하여 사이드 바를 닫는 방법

사이드 바 내부에 닫기 버튼이있어 기본값으로 되돌립니다.

function openNav() { 
    document.getElementById("left-sidebar").style.width = "250px"; 
} 

function closeNav() { 
    document.getElementById("left-sidebar").style.width = "0"; 
}

는

<a href="javascript:void(0)" class="closebtn" onclick="closeNav()"></a>

출처

2016-09-29 kdskii

([사용자가 외부에서 클릭 할 때 DIV를 숨기기 위해 사용 jQuery를]의 가능한 중복 http://stackoverflow.com/questions/1403615/use-jquery-to- 사용자가 클릭 할 때 div-hide-a-div-outside) –

매우 유사한 쿼리에 대해서는 다음 질문을 참조하십시오. 답변은 여기에 도움이 될 것입니다 : http://stackoverflow.com/questions/6463486/jquery-drop-down-menu-closing-by-clicking-outside –

그것은 저에게 작동하지 않습니다 .. – kdskii

당신은 이런 식으로 할 수있는 사이드 바에게

<a href="#" onclick="openNav()"><i class="icon-menu"></i></a>

가까운 사이드 바 열립니다

// Toogle Left Sidebar 

$('#open-pulse-sidebar').click(function() { 
    $('.pulse-sidebar').toggleClass('active') 
}) 

$(document).click(function(e) { 
    var sidebar = $(".pulse-sidebar, #open-pulse-sidebar"); 
    if (!sidebar.is(e.target) && sidebar.has(e.target).length === 0) { 
    sidebar.removeClass('active') 
    } 
});

HTML :

<a href="#" id="open-pulse-sidebar"><i class="icon-menu circle-icon"></i></a>

너비는 css로 할 수 있습니다.

포어 예 :

width: 19.24em;

출처

2016-09-29 15:16:52

몸체를 클릭하여 사이드 바를 닫는 방법

답변

관련 문제