Premetto che jQuery per me è nuovo, comunque nonostante molti tentativi non riesco a far funzionare uno slider di contenuti dopo aver sostituito lo stesso con del testo tramite jquery.ajax();
In poche parole il funzionamento dovrebbe essere:
- slider basato su <div> multipli
- sostituzione dello slider con testo incluso via jquery.ajax();
- ritorno allo slider tramite click su link
Il problema sta nel fatto che dopo il click sul link che dovrebbe far tornare allo slider i div non vengono "separati" ma rimangono tutti visibili. Ho letto sul sito ufficiale che dopo una ajax i .click() non funzionano e che si può ovviare in vari modi tra cui anche live(). Così ho fatto ma come posso comportarmi per lo slider?
codice:
$(document).ready(function(){
var slider= $(".appcv").bxSlider({
startingSlide: 1,
infiniteLoop: false,
controls: false,
pager: false,
});
function paginazione(){
$(".pageslide").html("");
var whr= slider.getCurrentSlide();
var tot= slider.getSlideCount();
var final="";
for(wp=0;wp<tot;wp++){
if(wp==0){
$(".pageslide").append("<a href=\"#\"><img src=\"nav-search.png\" alt=\"p\" /></a>");
}
else if(wp==whr){
$(".pageslide").append("<a href=\"#\"><img src=\"nav-full.png\" alt=\"o\" /></a>");
}
else{
$(".pageslide").append("<a href=\"#\"><img src=\"nav-empty.png\" alt=\"o\" /></a>");
}
}
}
paginazione();
$(".leftnav").live('click',(function(){
slider.goToPreviousSlide();
paginazione();
return false;
}));
$(".rightnav").live('click',(function(){
slider.goToNextSlide();
paginazione();
return false;
}));
function changeHomeButton(){
var stat= $("#homebutton a").attr('class');
if(stat=="homebuttonkeyslide"){
$("#homebutton a").html("<a class=\"homebuttonkeyapp\" href=\"#\"><img src=\"blanck.png\" alt=\"\" /></a>");
}
else{
$("#homebutton a").html("<a class=\"homebuttonkeyslide\" href=\"#\"><img src=\"blanck.png\" alt=\"\" /></a>");
}
}
$(".homebuttonkeyslide").live('click',(function(){
var idu= slider.getCurrentSlide();
if(idu=="1"){
slider.goToFirstSlide();
paginazione();
return false;
}
else{
slider.goToSlide(1);
paginazione();
return false;
}
}));
$(".homebuttonkeyapp").live('click',(function(){
changeHomeButton();
$.ajax({
type: "POST",
url: "exit.html",
dataType: "html",
success: function(msg){
$(".line").fadeOut(400,function(){
$(".line").fadeIn(400).html(msg);
});
},
error: function(){
alert("Chiamata fallita!!!");
}
});
}));
$("#tentativo").live('click',(function(){
changeHomeButton();
$.ajax({
type: "POST",
url: "ciao.html",
dataType: "html",
success: function(msg){
$(".line").fadeOut(400,function(){
$(".line").fadeIn(400).html(msg);
});
},
error: function(){
alert("Chiamata fallita!!!");
}
});
}));
});
Grazie