Jquery弹出添加

时间:2013-10-22 20:28:05

标签: jquery wordpress

我正在尝试添加wp enqueue脚本并在此处设置'magnific popup':http://innovation.partsmaster.com/

我已经通过'custom-jquery.js'文件在site.php文件中使jQuery在网站上工作了:

if (!is_admin()) add_action("wp_enqueue_scripts", "my_jquery_enqueue", 11);
function my_jquery_enqueue() {
wp_deregister_script( 'jquery' );
wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js');
wp_enqueue_script( 'jquery' );
wp_enqueue_script('custom-jquery', get_bloginfo('stylesheet_directory') . '/js/custom-jquery.js', array('jquery'), '20131022' );

但后来我不明白如何添加像popific popup这样的插件。我只是想使用脚本并在header.php文件中执行一个简单的jquery函数。我无法弄清楚为什么添加它不起作用:

function magnific_popup_scripts() {
wp_enqueue_script( 'jquery' );
wp_register_script( 'jqueryui', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js');
wp_enqueue_script( 'jqueryui' );
wp_register_script( 'magnificpopup', get_template_directory_uri().'/js/_scripts/jquery.magnific-popup.js');
wp_enqueue_script( 'magnificpopup' );
wp_register_style('magnificcss',get_template_directory_uri().'/css/magnific-popup.css');
wp_enqueue_style('magnificcss');
}    

add_action('wp_enqueue_scripts', 'magnific_popup_scripts');

请帮我弄明白。我试图在functions.php文件中设置它,但后来我开始变得绝望,因为似乎没有任何工作,并在header.php中攻击它。有什么想法吗?

我的控制台说: - 无法加载资源:服务器响应状态为404(未找到)http://innovation.partsmaster.com/css/magnific-popup.css - 无法加载资源:服务器响应状态为404(未找到)http://ajax.googleapis.com/ajax/libs/jquery/1.10.3/jquery.min.js - 未捕获的ReferenceError:jQuery未定义jquery-ui.min.js:5 - 未捕获的TypeError:undefined不是函数jquery.magnific-popup.js:38 - 未捕获的ReferenceError:jQuery未定义为innovation.partsmaster.com/:23 - 未捕获的TypeError:无法调用undefined jquery.masonry.min.js的方法'apply'?ver = 2.1.05:10

1 个答案:

答案 0 :(得分:0)

您可以再次在functions.php中仔细检查您的代码,因为您似乎正在尝试加载此无效网址:

http://ajax.googleapis.com/ajax/libs/jquery/1.10.3/jquery.min.js

你可能想加载这个:

http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js

[编辑]

您也可以确保header.php中没有添加损坏的引用。经过仔细检查,看起来你可能也会在那里硬编码那些参考文献。