jquery - 如何使用自定义按钮在 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 的上方。