Question

我一直在尝试使用malihu的Simple jQuery全屏图片库（http://manos.malihu.gr/simple-jquery-fullscreen-image-gallery）来处理我的Wordpress主题，但由于某些原因我无法让脚本运行。我正在调用CSS和javascript，就像在functions.php文件中的其他插件一样，但javascript似乎没有生效到库。我目前有以下代码来调用页眉中的CSS和页脚中的javascript。我错过了什么吗？

function malihu_gallery() {
if (!is_admin()) {

    // Enqueue Malihu Gallery JavaScript
    wp_register_script('malihu-jquery-image-gallery', get_template_directory_uri(). '/js/malihu-jquery-image-gallery.js', array('jquery'), 1.0, true );
    wp_enqueue_script('malihu-jquery-image-gallery'); 

    // Enqueue Malihu Gallery Stylesheet        
    wp_register_style( 'malihu-style', get_template_directory_uri() . '/CSS/malihu_gallery.css', 'all' );
    wp_enqueue_style('malihu-style' );

    }
  }
}

add_action('init', 'malihu_gallery');

我在想我可能需要用类似下面的内容来准备脚本，但不确定我是否在正确的轨道上。

function gallery_settings () { ?>
    <script type="text/javascript">
        jQuery(document).ready(function() {
            jQuery('#container').malihu_gallery();
        });
    </script><?php

任何帮助都非常感谢！

由于

Answer 1

如果你想在jQuery中使用任何事件，你会希望它在文档准备就绪。这将在加载DOM之后和加载页面内容之前加载它。

 $(document).ready(function() {
   // your stuff inside of here
 });

根据您上面显示的内容不确定，但尝试一些基本调试，看看在将代码粘贴到控制台时是否可以调用函数。或者如果你想创建一个fiddle，我会看看。

在Wordpress中使用jQuery全屏图像库

1 个答案: