Comment appeler cet appel ajax Jquery lors du changement de diapositives jQuery?
function callpage() {
$("#formcontent").empty().html("<p style="margin-top:20px;text-align:center;font-family:verdana;font-size:14px;">Vent venligst, henter webhosts.</p><p style="margin-top:20px;margin-bottom:20px;text-align:center;"><img src="/images/../images/ajax.gif" /></p>");
var form = $(this).closest("form");
$.ajax({
type: form.attr("method"),
url: form.attr("action"),
data: form.serialize(),
success:function(msg){
$("#formcontent").html(msg);
}
}
Mon code de curseur jQuery:
$("#slider").slider({
value:"",
min: 0,
max: 5000,
step: 250,
slide: function(event, ui) {
if (ui.value == $(this).slider("option", "max")) {
$(ui.handle).html("Ubegrænset");
$("#sliderValueplads").val("99999");
} else {
$(ui.handle).html(ui.value + " MB");
$("#sliderValueplads").val(ui.value);
}
}
}).find("a").html($("#slider").slider("value"));
$("#sliderValueplads").val($("#slider").slider("value"));
Mon nouveau code de curseur:
$("#slider").slider({
value:"",
min: 0,
max: 5000,
step: 250,
stop: function(_, ui){
callpage();
},
slide: function(event, ui) {
if (ui.value == $(this).slider("option", "max")) {
$(ui.handle).html("Ubegrænset");
$("#sliderValueplads").val("99999");
} else {
$(ui.handle).html(ui.value + " MB");
$("#sliderValueplads").val(ui.value);
}
}
}).find("a").html($("#slider").slider("value"));
Le problème est que l'appel ajax n'est pas effectué, mais le code HTML est remplacé. Ce qui est un peu étrange parce que je viens de tester la page d'appel avec cette $("#left input:checkbox").change(callpage);
et la page d'appel a fonctionné comme prévu
Réponses:
2 pour la réponse № 1Si vous voulez dire quand l'utilisateur arrête de déplacer le curseur, associez-le à l'événement stop de votre constructeur.
stop: function(_, ui){
callpage();
}