vs ajax 扩展在 fancybox Jquery Magento 错误中的问题是：jQuery(...).fancybox is not a function

Question

vs_ajax 扩展在magento 中的fancybox Jquery 问题

显示错误

: jQuery(...).fancybox 不是函数

onComplete: 函数(){

什么类型的问题我无法理解。

jQuery(document).ready(function(){
    jQuery('.fancybox').fancybox(
        {
           hideOnContentClick : true,
           width: 382,
           autoDimensions: true,
           type : 'iframe',
           showTitle: false,
           scrolling: 'no',
           onComplete: function(){
            jQuery('#fancybox-frame').load(function() { // wait for frame to load and then gets it's height
                jQuery('#fancybox-content').height(jQuery(this).contents().find('body').height()+30);
                jQuery.fancybox.resize();
             });

           }
        }
    );
});
function showOptions(id){
    jQuery('#fancybox'+id).trigger('click');
}
function setAjaxData(data,iframe){
    if(data.status == 'ERROR'){
        alert(data.message);
    }else{
        if(jQuery('.block-cart')){
            jQuery('.block-cart').replaceWith(data.sidebar);
        }
        if(jQuery('.header .links')){
            jQuery('.header .links').replaceWith(data.toplink);
        }
    jQuery.fancybox.close();
    }
}
function setLocationAjax(url,id){
    url += 'isAjax/1';
    url = url.replace("checkout/cart","ajax/index");
    jQuery('#ajax_loader'+id).show();
    try {
        jQuery.ajax( {
            url : url,
            dataType : 'json',
            success : function(data) {
                jQuery('#ajax_loader'+id).hide();
                setAjaxData(data,false);           
            }
        });
    } catch (e) {
    }
}

vs_ajax 扩展在magento 中的fancybox Jquery 问题

显示错误

: jQuery(...).fancybox 不是函数

onComplete: 函数(){

什么类型的问题我无法理解。

Answer 1

看看这些问题：-

1.) 使用适当版本的 jquery 文件（使用哪个 jquery 版本，请参见花式框的文档）

2.) 避免使用多个版本的相同 jquery 文件或避免两次包含单个 js 文件。

3.) 只需检查包含的 js 文件的顺序，首先包含 jquery 文件，然后是 fancybox js 文件。

4.) 如果您在一个页面上使用许多 jquery 文件，请使用$.noConflict()（以避免不同 js 文件之间的冲突）。

在此处查看完整文档：-http://api.jquery.com/jquery.noconflict/