Форум

moralist · #1 (**permalink**) 23.06.2013, 21:51

$('#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;});

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

рони · #2 (**permalink**) 23.06.2013, 22:35

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

moralist · #3 (**permalink**) 23.06.2013, 23:23

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

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

moralist · #4 (**permalink**) 23.06.2013, 23:24

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

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

рони · #5 (**permalink**) 23.06.2013, 23:59

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

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

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

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

рони · #6 (**permalink**) 24.06.2013, 00:09

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>

Форум

Справочник

Discord чат

Курсы javascript