如何将Custon UI jQuery和FancyBox脚本添加到WP

时间:2012-07-23 作者:Holly

我有一个javascript,它使用jquery对象来完成许多事情

首先,它会查找表中的图像,并将这些图像添加到Fancybox库中。此图库具有帮助器按钮,允许以全尺寸查看原始图像。

其次,它会找到比holding div更宽的表,并减少文本字体大小,使其适合。添加了一个“变大”按钮,以便在fancybox中可以看到桌子的辉煌。

我是Wordpress的新手,正在努力理解以下内容

我需要链接到jquery吗。用户界面。js(&A);css在html文档中的使用方式

如何创建Jquery对象,因为这不起作用

 $(document).ready(function() {
   $("table").each(function()
    // do stuff 
     alert ("hello Holly");
   )};
如何添加Fancybox助手按钮?

 $(document).ready(function() {
   $(".fancybox-button").fancybox({
        prevEffect      : \'none\',
        nextEffect      : \'none\',
        closeBtn        : false,
        helpers     : {
        buttons : {}
        }
});
});

谢谢你的帮助

1 个回复
SO网友:Rachel Baker

如果尚未加载jQuery UI。js和。主题/插件中的css文件您可以通过wp\\u enqueue\\u脚本功能添加它们:http://codex.wordpress.org/Function_Reference/wp_enqueue_script

否,通过“排队脚本”功能添加它们。

您需要在jQuery无冲突包装器中包装任何内联脚本。

jQuery(document).ready(function($) {
// do stuff // });

关于jQuery的更多信息WordPress中无冲突:http://codex.wordpress.org/Function_Reference/wp_enqueue_script#jQuery_noConflict_wrappers

结束