geocomplete e modal
olá Tenho o plugin geocemplete do jquey istalado e funciona perfeitamente. mas quando tento abrir o formulário numa janela feita pelo magnifc popup a lista de sugestões do geocomplete deixa de estar visivel. se eu a mexer com as setas ele seleciona a sugestão (mesmo eu não vendo a sugestão) por isso sei que o plugin está a funcionar mas inflizmente não consigo ver as sugestões .
conseguem ajudar-me por favor?
desde já agradecido
<li> <a href="#form" data-effect="mfp-zoom-in" title="" class="btn-green btn btn-big open-popup-link" style=" float: right;margin-right: 34px;margin-top: 37px;">abrir </a></li>
<div id="form" class="white-popup mfp-hide">
<form name="incrcoes" method="post" action="" data-parsley-validate class="fontnormal">
<label>
<span>Nome:</span>
<input type="text" name="nome" placeholder="Escreva o seu primeiro e último nome" data-parsley-trigger="keyup" data-parsley-minlength="2" required>
</label>
<label>
<span>Email:</span>
<input type="email" name="email" placeholder="Escreva o seu email"data-parsley-trigger="keyup" required>
</label><label>
<span>Telemóvel:</span>
<input type="tel" name="telemovel" placeholder="Escreva o seu telemóvel"data-parsley-trigger="keyup" data-parsley-minlength="9" required>
</label>
<label>
<span>Morada:</span>
<input type="text" name="morada" id="morada" placeholder="Escreva a sua morada" data-parsley-trigger="keyup" data-parsley-minlength="5" required>
</label>
<label>
<span>Profissão:</span>
<input type="text" name="Profissao" placeholder="Escreva a sua Profissão" data-parsley-trigger="keyup" data-parsley-minlength="2" required>
</label>
<label>
<span>Como chegou até nós:</span>
<textarea name="chegou" rows="10" placeholder="Escreva como Chegou até nós:" required></textarea>
</label>
<div class="g-recaptcha" data-sitekey="6LdwwP4SAAAAAAV8we1qQR4fHGWsxNq6kjre4d1B"></div>
<input type="submit" name="envia_insc" value="Iscreva-se no curso">
</form>
</div>
$(function(){
$("#morada").geocomplete()
.bind("morada:result", function(event, result){
$.log("Result: " + result.formatted_address);
})
.bind("morada:error", function(event, status){
$.log("ERROR: " + status);
})
.bind("morada:multiple", function(event, results){
$.log("Multiple: " + results.length + " results found");
});
$("#find").click(function(){
$("#morada").trigger("geocode");
});
$("#morada a").click(function(){
$("#morada").val($(this).text()).trigger("geocode");
return false;
});
});
$('.open-popup-link').magnificPopup({
removalDelay: 100, //delay removal by X to allow out-animation
callbacks: {
beforeOpen: function() {
this.st.mainClass = this.st.el.attr('data-effect');
}
},
midClick: true // allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source.
});
.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 500px;
margin: 20px auto;
}Discussão (0)
Carregando comentários...