jQueryのautopagerとfancyboxを併用したいのですが、上手く行きません、、
autopagerで読み込んだページのリンクをクリックすると
facyboxのライトボックスが開くようにしたいのですが、上手くいきません。。。
どこがダメのか教えて頂けますでしょうか・・・!
<script type="text/javascript" src="js/jquery-1.8.min.js"></script>
<!-------- Fancy box-------->
<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.js"></script>
<script type="text/javascript" src="js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type=’text/javascript’>
$(document).ready(function() {
$("a.fancybox-iframe").fancybox({
’width’ : 800,
’height’ : 360,
’autoScale’ : true,
’type’ : ’iframe’
});
});
</script>
<!--------autopager-------->
<script type="text/javascript">
$(function() {
$.autopager({
autoLoad: false,
start: function(current, next) {
document.getElementById("loading").style.display = "block";
document.getElementById("autoPage").style.display = "none";
},
load: function(current, next) {
document.getElementById("loading").style.display = "none";
document.getElementById("autoPage").style.display = "block";
}
});
$(’a[rel=next]’).click(function() {
$.autopager(’load’);return false;
$.autopager({
load: function() {
$.fancybox(’reload’);
},
});
});
});
</script>
みんなの回答 2 件
return false;の位置おかしくね?
fancyboxが走った時点ではajaxで呼んでくる要素にアクセス出来ないためイベントがセットできないから
関連するトピックス