샘플 페이지에 일부 팝업을 추가하고 싶습니다. 아래 코드는 작동하지 않습니까? 필자는 CSS와 부트 스트랩 파일을 포함 시켰습니다. 그것을 클릭하면 아무 일도 일어나지 않지만, 부트 스트랩 사이트의 예를 통해 시도해 보면, 그 모든 것들이 괜찮습니다 ..부트 스트랩 - Popover
무엇이 누락 되었습니까? 회전식 메뉴가 제대로 작동하므로 모두 제대로 연결되어 있습니까?
<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>
몇 가지가 될 수 있습니다. 당신의 버튼을 "데이터"이후 속성을 확인하고, 나는 당신의 HTML 소스 코드를 볼 수 없기 때문에 나는 추측하려고합니다 : 당신이 포함되었는지
예를 들어 http://jsfiddle.net/에 예를 넣거나 URL을 보내어 문제가 어디에 있는지 조사 할 수 있습니다.
P. 작업 예제로 답을 편집 중입니다 http://bootply.com/vxw2PDRBkA JS 코드 팝업을 제거하면 작업이 중단됩니다.
부트 스트랩 popover.js? bootstrap.js를 그냥 묻습니다. 예, 저는 WAMP를 사용합니다. 나머지는 작동한다고했는데, 어디에서 팝 오버를 할 수 있습니까? 그렇다면? 이것에 대한 언급이 없습니까? 또는 다운로드에서. –
아무도 도와주세요? –
확인. 모든 JS 기능을 포함하는 bootstrap.js를 이미 삽입 했으므로 따라서
태그가 끝나기 직전에 부트 스트랩 웹 사이트에서와 같이 "성능상의 이유로 도구 설명 및 Popover 데이터 -API는 옵트 인이므로 직접 초기화해야합니다." 즉 JS 함수를 사용하여 초기화해야합니다. –자바 스크립트를 통해 popovers 사용이
<a href="#" tabindex="0" class="btn btn-lg btn-danger" data-toggle="popover" data-trigger="focus" title="Dismissible popover" data-content="And here's some amazing content. It's very engaging. Right?">Dismissible popover</a>
사용을 시도 :
$('#example').popover(options)
추가 "진상을"버튼의 클래스에
<button type="button" class="btn btn-lg btn-danger pover" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>
자바 스크립트를 추가 했습니까? popover()' – Jerodev
부트 스트랩 웹 사이트에서 컴파일 된 것을 모두 추가 할 필요가 없다고 말합니다. "모든 부트 스트랩 플러그인을 순수하게 사용할 수 있습니다. 마크 업 API를 하나의 자바 스크립트 라인을 작성하지 않고도 사용할 수 있습니다. 이것은 부트 스트랩의 일류 API이며 플러그인을 사용할 때 가장 먼저 고려해야 할 사항입니다. " –