Javascript-форум - fotorama повторная инициализация

Javascript-форум (https://javascript.ru/forum/)

- jQuery (https://javascript.ru/forum/jquery/)

- - fotorama повторная инициализация (https://javascript.ru/forum/jquery/39281-fotorama-povtornaya-inicializaciya.html)

fotorama повторная инициализация

$('#div').on('click','a',function(){
$('#center').empty();
$('#center').hide('normal',loadContent);
function loadContent() {
$('#center').load(other.html #other,'',showContent())};
function showContent() {
$('#center').show('normal',fotoramaInit())};
function fotoramaInit() {
$('#center').fotorama();}
return false;});

При первом клике все нормально, а вот при втором - просто загружаются фотки(без фоторамы)

moralist, лучше указывать версию и источник плагина...
может использовать не load а встроенную функцию загрузки плагина http://fotoramajs.com/customize/#data

$('#div').fotomora({data : var});
...
$('#div').empty();
....
$('#div').fotomora({data : var});

А почему, скажите пожалуйста, сие не работает?

рони,
$('#div').fotomora({data : var});
...
$('#div').empty();
....
$('#div').fotomora({data : var});

А почему, скажите пожалуйста, сие не работает?

Цитата:

Сообщение от moralist

$('#div').empty();

див надо не чистить а перезаписывать

$('#div').replaceWith($("<div/>", {id:"div"})) ;

moralist, вместо клика
10 секунд подождать

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>Fotorama options - jsFiddle demo by artpolikarpov</title>

  <script type='text/javascript' src='http://code.jquery.com/jquery-git.js'></script>
  <link rel="stylesheet" type="text/css" href="/css/normalize.css">


  <link rel="stylesheet" type="text/css" href="/css/result-light.css">
  <script type='text/javascript' src="http://fotoramajs.com/fotorama/jsfiddle/fotorama.js"></script>
  <link rel="stylesheet" type="text/css" href="http://fotoramajs.com/fotorama/jsfiddle/fotorama.css">



  <style type='text/css'>
    body { margin: 10px; }
  </style>



<script type='text/javascript'>
$(function(){
$('#fotorama').fotorama({
    data: [{img: 'http://fotoramajs.com/;-)/03.jpg'}, {img: 'broken.jpg'}, {img: 'http://fotoramajs.com/;-)/13.jpg'}]
});


window.setTimeout(function ()
{  $('#fotorama').replaceWith($("<div/>", {id:"fotorama"})) ;
   $('#fotorama').fotorama({
    data: [{img: 'http://fotoramajs.com/;-)/05.jpg'}, {img: 'http://fotoramajs.com/;-)/th/04.jpg'}, {img: 'http://fotoramajs.com/;-)/19.jpg'}]
});
}, 10000)


});
</script>


</head>
<body>
  <div id="fotorama">
</div>
</body>
</html>