写真サイトに Galleria 1.2.7 と jQuery 1.7.1 を使用しています。ガレリアに見せたい写真が 3 セットあるので、ページに 3 つのリンクがあります。load() を使用してインデックス ページに読み込みたい。
私のコードは次のとおりです。
<div id="galleria"></div>
<ul id="nav">
<li><a href="gallery1.html">Gallery 1</a></li>
<li><a href="gallery2.html">Gallery 2</a></li>
<li><a href="gallery3.html">Gallery 3</a></li>
</ul>
<script>
$(document).ready(function(){
Galleria.loadTheme('galleria/themes/folio/galleria.folio.min.js');
$('#nav a')
.click(function(){
$('#galleria').load(this.href, function(){
$('#galleria').galleria();
});
return false;
});
});
</script>
これは、リンクの 1 つをクリックすると機能しますが、2 つ目のリンクをクリックすると機能しなくなります。前もって感謝します。