Принудительное содержание fancybox "undefined"

Question

В основном я пытаюсь запустить окно 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
            });  
})

HTML:

<div id="test"></div>

CSS:

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

Но когда я запускаю этоон дает мне undefined, сначала я подумал, что он ссылается на неправильный идентификатор, но HTML-код является надежным.

Я предполагаю, что это, вероятно, что-то очень простое, что мне не хватает ...

Спасибо заранее!

Answer 1

1. Вам не хватает ,
2. Удалить строку 'type' : 'inline',

Вы можете посмотреть здесь http://jsfiddle.net/ynhat/zkYTZ/

Я не уверен, почему 'type' : 'inline', вызывает проблемы. Может быть, это ошибка или контент Forces не нуждается в опции type.

Answer 2

Вы пропустили ","

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