如何使用自定义按钮在tinyMCE中打开fancybox

Question

我已经创建了像这样的自定义按钮

setup: function (ed) { 
    ed.addButton('fancybox_button', { 
        title: 'Fancybox button',
        image: 'img/button.gif',
        onclick: function() { 
            fancybox_button();
        }
    });
}

这个工作，按钮出现在工具栏中。接下来我在tinyMCE.init

之前有这样的fancybox_button函数

function fancybox_button() {
    $.fancybox({
        padding     : 0,
        minHeight   : 560,
        minWidth    : 950,
        ...
    });
}

点击自定义按钮我会收到此错误

Uncaught TypeError: Object function ( selector, context ) {
// The jQuery object is actually just the init constructor 'enhanced'
return new jQuery.fn.init( selector, context, rootjQuery );
} has no method 'fancybox'

我该怎么做？

Answer 1

我假设jquery在你的页面上，因为错误会讨论它，所以似乎缺少fancybox js脚本，或者你的fancybox js脚本声明被放置在页面中的jquery上面。