Buenas tardes utilizo el siguiente código para mostrar un popovers con un formulario, pero al llamar la función realiza un salto de linea sin ejecutar la función y no muestra nada. Gracias de antemano
<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<script src="Scripts/bootstrap.min.js"></script>
<script>
function Popover() {
$("[data-toggle=popover]").popover({
html: true,
content: function () {
return $('.popover').html();
}
});
}
</script>
<ul class="list-unstyled">
<li><a data-placement="bottom" data-toggle="popover" data-title="Ambito" data-container="body" onclick="Popover();" type="button" data-html="true" href="#" id="Ambito"><span class="fa fa-plus fa-1x"></span></a></li>
<div class="popover" role="tooltip">
<!--<form class="form-inline" role="form">-->
<div class="popover-body">
<select class="form-control">
<option>NA</option>
<option>RU</option>
<option>EU</option>
<option>SEA</option>
</select>
<input type="text" placeholder="Name" class="form-control" maxlength="5" />
<button type="submit" class="btn btn-primary">Agregar</button>
</div>
<!--</form>-->
</div>
</ul>
ul
con el form debería mostrarse dentro de un popover al hacer click en un boton?