Tu tienes el siguiente script:
Código Javascript
:
Ver original<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="scripts/jflow.plus.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#myController").jFlow({
controller: ".jFlowControl", // must be class, use . sign
slideWrapper : "#jFlowSlider", // must be id, use # sign
slides: "#mySlides", // the div where all your sliding divs are nested in
selectedWrapper: "jFlowSelected", // just pure text, no sign
width: "638px", // this is the width for the content-slider
height: "311px", // this is the height for the content-slider
duration: 400, // time in miliseconds to transition one slide
prev: ".jFlowPrev", // must be class, use . sign
next: ".jFlowNext", // must be class, use . sign
auto: true
});
});
</script>
La funcion
$(document).ready(function() solo se ejecuta una vez cuando la pagina este completamente cargada. Ahora,
$("#myController") no deberia tener nada dentro ya que su contenido sera cargado
DESPUES de que la pagina sea cargada completamente. Por eso no funciona.
Lo que yo hago para asígnar eventos (o codigo javascript) a HTML cargado dinamicamente es lo siguiente.
Código HTML:
Ver original<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript"> $(document).ready(function(){
$('#boton1').click(function(){
alert("Soy el boton 1 y mi evento fue asignado dentro de ready");
})
$('#boton2').click(function(){
alert("Soy el boton 2 y mi evento no sera asígnado porque todavia no existo");
})
$.ajax({
url:'boton2.html',
datatype: 'html',
success: function(html){
$('body').append(html);
//Para asignarle un evento al boton 2 descomentar
//$('#boton2').click(function(){
//alert("Soy el boton 2 y mi evento fue asignado despues de que la solicitud ajax fue exitosa");
//})
}
})
})
#boton1{
height:50px;
width:50px;
background-color:red;
}
#boton2{
height:50px;
width:50px;
background-color:blue;
}
<div id="boton1">boton 1
</div>
Prueba el codigo y estoy seguro que es lo que te pasa.