Javascript 强制fancybox内容“；“未定义”；

基本上，我试图在单击特定按钮时启动fancybox窗口，然后我想传递fancybox内容以显示，现在我的理解是，如果我这样做，它应该打开一个fancybox窗口，其中包含我传递的内容

Javascript/jQuery：

$('#test').live('click', function(){
    $.fancybox({
            'transitionIn'      : 'elastic',  
            'transitionOut'     : 'elastic'  
            'type'              : 'inline',  
            'content'           : '<div>Test</div>',  
            'autoDimensions'    : false,  
            'width'             : 400,  
            'height'            : 400
            });  
})

但是当我启动它时，它给了我

未定义的
，起初我认为它引用了错误的ID，但是HTML是正确的

我猜可能是我错过了一些非常简单的东西

先走一步
 你错过了一个“，”

$（'#test'）.live（'click'，function（））{
$.fancybox({
“transitionIn”：“弹性”，
“transitionOut”：“弹性”，
您缺少
，
删除行
'type'：'inline'，
你可以看看这里

我不知道为什么
'type'：'inline'，
会引起问题。可能是一个bug，或者强制内容不需要
type
选项。
你能告诉我什么变量是未定义的吗？你也能发布你的html代码吗？我自己也不确定，老实说，我只是想在点击
\test
框时启动一个fancybox，并让它显示我给它的内容，但出于某种原因，每次我单击测试框时，我都会在Javascript控制台中得到
未定义的
。
<div id="test"></div>

#test {
  background: #000;
  width: 250px;
  height: 25px;
}

$('#test').live('click', function(){
    $.fancybox({
            'transitionIn'      : 'elastic',  
            'transitionOut'     : 'elastic' ,   <--------- 
            'type'              : 'inline',  
            'content'           : '<div>Test</div>',  
            'autoDimensions'    : false,  
            'width'             : 400,  
            'height'            : 400
            });  
})