JQUERY fancybox запускается по клику

Question

Вот JS:

$(document).ready(
   function(){
        $('#button').click(function() {
        $("#content_of_fancybox").fancybox({
            'scrolling'     : 'no',
            'titleShow'     : false
        });
        });
   }
);

И HTML

<input type="button" value=" Open fancybox " id="button">

<div id="content_of_fancybox" style="width: 400px; margin: 0; display: none;">
Hello pandas!
</div>

fancybox должен открываться, когда пользователь нажимает кнопку, но не открывает. В чем ошибка (я полагаю, это в части JavaScript)?

Answer 1

Адам, я был сбит с толку, когда начал работать с fancybox, но я предлагаю вам взглянуть на документацию.Когда вы вызываете реальную функцию fancybox для чего-то, она просто устанавливает эту часть страницы так, чтобы она появлялась в fancybox.Он НЕ выскакивает при вызове функции.В основном то, что делает ваш код, это УСТАНОВКА элемента DOM с идентификатором content_of_fancybox для всплывающего окна в fancybox, когда вы щелкаете элемент DOM с идентификатором кнопки.Оттуда, если у вас был правильно отформатированный тег привязки, вы можете щелкнуть по нему, и ваш контент будет отображаться в «Fancybox».

Выполните шаги, найденные здесь http://fancybox.net/howto, чтобы настроить его иработает!

Вот скрипка JS, на которой она работает:

http://jsfiddle.net/GU7W9/

Answer 2

Fancybox работает по клику объекта, к которому вы прикрепляете fancybox: http://jsfiddle.net/maniator/WbCMV/2/

---

Если вы хотите диалоговое окно, просто используйте jQuery dialog :

http://jsfiddle.net/maniator/WbCMV/4/