Question

尝试实现fancybox2，它将打开一个隐藏的div（可能是用户点击或预定位置）。

div

<div class="catSelections" style="display:none"><ol class="selectable ui-selectable"><div class="ui-selectee"><p class="ui-selectee">Dwelling Pictures</p><p class="ui-selectee"></p><li parentid="1" id="3" class="ui-widget-content ui-selectee">Front of Risk</li><li parentid="1" id="8" class="ui-widget-content ui-selectee">Right side of risk</li><li parentid="1" id="9" class="ui-widget-content ui-selectee">Left side of risk</li></div></ol></div>

我在特定操作上调用的方法（当用户点击照片div时）

function addFancy(div){
    $(".catSelections").fancybox({
        maxWidth    : 800,
        maxHeight   : 600,
        fitToView   : false,
        width       : '70%',
        height      : '70%',
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none'
    });

}

我是以错误的方式接近这个吗？

错误消息

Uncaught TypeError: Object [object Object] has no method 'fancybox'

js加载在页面底部

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="http://fancyapps.com/fancybox/source/jquery.fancybox.pack.js?v=2.0.5"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
..
..
..

Answer 1

使用jquery UI对话框完成此操作。看起来更合适。

$(".catSelections").dialog({
        width: 450,
        height: 400,


            }
            );

Jquery fancyBox（）未捕获TypeError：对象[object Object]没有方法'fancybox'

1 个答案: