다시 클릭하거나 다른 곳을 클릭 할 때 부트 스트랩 팝 오버를 닫는 방법

쌩쌩

data-trigger='focus'바깥 쪽을 data-trigger='click'클릭하거나 버튼을 다시 클릭 할 때 팝 오버를 닫는 데 사용할 수 있습니다 . 하지만 둘 다 가질 수는 없습니다. 즉,를 사용 focus하면 팝 오버 버튼을 클릭해도 아무 작업도 수행되지 않습니다.

두 경우 모두 팝 오버를 닫고 싶습니다.이 작업을 쉽게 수행 할 수있는 방법을 아는 사람이 있습니까?

시도 data-trigger='focus click'했지만 작동하지 않습니다.

편집 : 나는 이것이 중복 된 질문이라고 생각하지 않습니다. 그 질문의 해결책이 저에게 효과적입니다. 그러나 그 질문의 제목 : "외부를 클릭하여 트위터 부트 스트랩 팝 오버를 닫는 방법" 은 잘못된 것입니다. 외부를 클릭하여 팝 오버를 해제하려면 data-trigger='focus'부트 스트랩 문서에서 말한대로.

사용자가 다음에 클릭 할 때 팝 오버를 해제하려면 포커스 트리거를 사용합니다.

하지만 설명했듯이 팝 오버 트리거를 다시 클릭하면 작동하지 않습니다.

코드를 보지 않고 무슨 뜻인지 잘 모르겠지만 jQuery를 사용하여 수행합니다.

    $('body').on('click', function (e) {

    if ($(e.target).data('toggle') !== 'popover'
        && $(e.target).parents('.popover.in').length === 0) { 
        $('[data-toggle="popover"]').popover('hide');
    }
});

내가 도움이 되었기를 바랍니다. 행운을 빕니다!

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

부트 스트랩에서 라디오 버튼을 클릭 할 때 다른 메뉴를 축소하는 방법

외부를 클릭 할 때 각도 부트 스트랩 팝 오버를 닫는 방법

다른 곳을 클릭 할 때 스윙 팝업을 숨기는 방법

버튼을 다시 클릭 할 때까지 드롭 다운 부트 스트랩을 표시하는 방법

클릭 할 때 항상 부트 스트랩 팝 오버를 엽니 다.

버튼을 클릭할 때 다른 페이지에서 부트스트랩 경고 팝업을 만드는 방법

메뉴 항목 자체가 아닌 다른 곳을 클릭 할 때 부트 스트랩 드롭 다운이 닫히는 것을 방지

Bootstrap에서 라디오 버튼을 클릭 할 때 텍스트를 표시하거나 숨기는 방법

자바 스크립트, 다른 버튼을 클릭 할 때 다른 것을 나열하는 방법

Jquery-외부를 클릭하거나 다른 드롭 다운을 클릭 할 때 드롭 다운 닫기 / 활성 클래스 제거

다른 컴포넌트에있는 버튼을 클릭 할 때 React 컴포넌트를 표시하거나 숨기는 방법은 무엇입니까?

다른 부트 스트랩 팝 오버를 열 때 하나의 부트 스트랩 팝 오버를 숨기는 방법은 무엇입니까?

C #에서 다른 버튼을 클릭 할 때 버튼 클릭 이벤트를 호출하는 방법

태블릿에서 외부를 클릭 할 때 부트 스트랩 3 드롭 다운을 닫는 방법은 무엇입니까?

JavaScript를 사용하여 다른 버튼을 클릭 할 때 버튼을 숨기거나 표시하는 방법

다른 토글 버튼을 클릭할 때 부트스트랩 토글 버튼을 비활성화하는 방법은 무엇입니까?

메뉴 버튼을 다시 클릭 할 때 부트 스트랩 메뉴가 닫히지 않음

JS 또는 JQuery 또는 부트 스트랩으로 다른 div를 클릭 할 때 하나의 div를 숨기는 방법은 무엇입니까?

부트 스트랩 팝 오버 수동 닫기는 다시 열려면 두 번 클릭해야합니다.

링크를 클릭할 때 링크에 클래스를 추가하고 다른 곳을 클릭할 때 제거

아무 곳이나 클릭할 때 드롭다운 목록을 닫는 방법

링크를 클릭 할 때까지 부트 스트랩 툴팁을 표시하는 방법

다른 앵커를 클릭 할 때 하나의 앵커 클릭 트리거

클릭 이벤트를 다른 버튼에 전달하고 팝업을 트리거하는 방법

메뉴가 아닌 다른 곳을 클릭 할 때 사용자 지정 메뉴를 닫는 방법

부트 스트랩 팝 오버는 두 번의 클릭으로 팝 오버를 엽니 다.

Asp 버튼 컨트롤을 클릭 할 때 부트 스트랩 모달 팝업 표시

Asp 버튼 컨트롤을 클릭 할 때 부트 스트랩 모달 팝업 표시

Popper.js : 외부를 클릭 할 때 팝업을 닫는 방법