html bootstrap web sitesi için açılır pencere kutusu

Question

Fiyat izleyici web sitem var. Bu önyükleme üzerinde inşa edilmiştir.

Çeşitli sayfalardan açılır menü gibi açılır menüyü eklemeyi denedim ve çalışmıyor gibi görünüyor.

Önyükleme için önyükleme kutusu gibi facebook eklemenin kolay bir yolu var mı?

Answer 1

Aradığınızı düşünün bir pop up .. değil ama modal denir.

HTML:

<button style="margin:20px;" class="btn" type="button" data-toggle="modal" data-target="#myModal">Launch modal in old way</button> 

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"> 
<div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h4 class="modal-title" id="exampleModalLabel">New message</h4> 
    </div> 
    <div class="modal-body"> 
     This is a Message 
    </div> 
    <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
    </div> 
    </div> 
</div> 

<button id="newbtn" class="btn btn-primary" type="button">Launch modal in new way</button> 

CSS:

.btn:focus,.btn:active:focus,.btn.active:focus, 
.btn.focus,.btn:active.focus,.btn.active.focus { 
    outline: none; 
} 

JS ben yapmanız gereken şeyin dışarı hızlı yatıyordu verecektir Aşağıda :

$("#newbtn").click(function() { 
    BootstrapDialog.show({ 
    title: 'Say-hello dialog', 
    message: 'Hello, World!' 
    }); 
    }); 

Sadece bootstrap için CDN ekleyin emin olun ve gitmek için tüm set olmalı! Düğme işlevselliğini çıkarın ve hiçbir zaman tıklamak istediğinizde bir etiketi ile değiştirin ve çalışması gerekir.