Dlaczego mój popust Bootstrap nie działa?

Próbuję użyć Bootstrap popover. Skopiowałem więc dokładny kod z przykładu na moją stronę, co niestety nie działa. Wkleiłem pełny kod poniżej i utworzyłem a jsfiddle here.Dlaczego mój popust Bootstrap nie działa?

Próbowałem umieścić go w pojemniku startowym oraz w rzędach i kolumnach, ale nic nie działa.

Czy ktoś może sprawić, że skrzypce zadziałają? Wszystkie wskazówki są mile widziane!

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> 
    <script src="//code.jquery.com/ui/1.11.2/jquery-ui.min.js"></script> 
    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet"> 
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> 
</head> 
<body> 
<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> 
</body> 
</html>

Źródło

2015-05-05 kramer65

@Gunaseelan nie musisz, jeśli dołączasz 'bootstrap.min.js', taki jak OP. –

Zaktualizowałem twoje demo JSFiddle tak, aby zawierało jQuery, ponieważ w przeciwnym razie wystąpił błąd dotyczący braku jQuery (pomimo obecności w twoim fragmencie). –

LOL, 6 odpowiedzi w 10 minut o tej samej rzeczy: '$ ('[data-toggle =" popover "]') popover()' –

Zapomniałaś to: http://getbootstrap.com/javascript/#opt-in-functionality

Ze względu na wydajność, dane-apis Tooltip i popover są opt-in, czyli należy je zainicjować siebie.

Jednym ze sposobów, aby zainicjować wszystkie podpowiedzi na stronie byłoby je wyselekcjonować przez ich atrybutu danych przełączania:

$(function() { 
    $('[data-toggle="popover"]').popover() 
})

Źródło

2015-05-05 11:15:42 Seblor

Ponieważ jest to jedyna odpowiedź, która prowadzi do źródła i cytuje źródło, + 1 do ciebie. –

Trzeba dodać ten code w <head>

$(function() { 
$('[data-toggle="popover"]').popover() 
})

Źródło

2015-05-05 11:11:05 khurram

można dodać atrybut id lub class w button i nie wywołać metodę popover na tym przycisku. Oto działające skrzypce. http://jsfiddle.net/uqLor9ze/.

Oto przykładowy kod z fiddle

$('#pop').popover();

Źródło

2015-05-05 11:11:52 Kamran

należy dodać przykład

$(function() { 
    $('[data-toggle="popover"]').popover() 
});

roboczą here

Źródło

2015-05-05 11:12:00 vamsikrishnamannem

Ze względów wydajności należy initilize popover przez siebie:

<script> 
$(function() { 
    $('[data-toggle="popover"]').popover() 
}) 
</script>

Reference

Pamiętaj, aby dodać bibliotekę jQuery przed uruchomieniem.

jsFiddle

Źródło

2015-05-05 11:12:45 jmgross

Ty brakowało wywołanie funkcji do swojego skrzypce i jQuery Biblioteka została również brakuje

dodałem brakujące zależności na swoim przykładzie

wyboru skrzypce:https://jsfiddle.net/L41g98qx/9/

o to popover wywołanie funkcji

$(function() { 
    $('[data-toggle="popover"]').popover() 
})

Poniższy tekst jest kopiowany z getbootstrap.com, tutaj jest to, co chcą powiedzieć o wtyczce popover

Opt-in funkcjonalności

Ze względu na wydajność, dane-apis Tooltip i popover są opt-in, czyli należy je zainicjować siebie.

Jednym ze sposobów, aby zainicjować wszystkie popovers na stronie byłoby je wyselekcjonować przez ich atrybutu danych przełączania: Copy

$(function() { $('[data-toggle="popover"]').popover() })

Źródło

2015-05-05 11:16:04

<a tabindex="0" class="btn btn-lg btn-danger" role="button" data-toggle="popover" data-trigger="focus" title="Dismissible popover" data-content="And here's some amazing content. It's very engaging. Right?" id="example">Dismissible popover</a>

Metoda ta jest wymagana

$('#example').popover('show');

DEMO

Źródło

2015-05-05 11:20:21 sheshadri

Dlaczego mój popust Bootstrap nie działa?

Odpowiedz

Powiązane problemy