다른 컴포넌트가 토글되었을 때의 시맨틱 ui - 사이드 바 속성 설정

Question

두 개의 의미있는 사이드 바가 있는데 하나는 왼쪽에, 다른 하나는 오른쪽에 있습니다. 현재 왼쪽 버튼 만 전환하면 페이지가 흐리게 표시되지만 오른쪽 버튼을 선택하면 페이지가 흐리게 표시되지 않습니다. 내가 달성하고자하는 것은, 왼쪽 사이드 바를 열어서 오른쪽 바를 벌써 토글 한 상태로 전환 할 때 페이지를 어둡게하고 싶습니다. 그러나 true를 반환, 내가 왼쪽 사이드 바는 .is(:visible) 방법을 사용하여 볼 수 있는지 확인하기 위해 노력했다

onSubmit(event){ 
    if(event.key=="Enter"){ 
    . 
    . 
    . 
    $('#sidebar').sidebar({overlay:false,dimPage:true}).sidebar('toggle'); 
    } 

: 왼쪽 사이드를 전환하기위한

getHistory(){ 
    $('#sidebar1').sidebar({dimPage:false,overlay:true,closable:false}).sidebar('toggle'); 

    this.historyPane = true; 
    } 

코드 :

코드 오른쪽 사이드를 토글 사이드 바가 전환되지 않은 경우에도 마찬가지입니다. 어떻게하면 이걸 얻을 수 있을까요?

Answer 1

다른 사이드 바이 SUI 방법을 사용하여 열 경우 당신은 확인할 수 있습니다 장소에두고

$('#sidebar1').sidebar("is visible")

을 마찬가지로 당신이 $('#sidebar1').sidebar('is hidden')을해야 사용할 수 있습니다,이

onSubmit(event){ 
if(event.key=="Enter"){ 

. 
. 
. 

const shouldDimPage = $('#sidebar1').sidebar("is visible") 
$('#sidebar').sidebar({overlay:false, dimPage: shouldDimPage}).sidebar('toggle'); 
} 

과 같은 작업을 수행 할 수 있습니다 필요가 도착했습니다