Question

大家好日子。我使用FoundationPress作为前端，使用Wordpress作为后端。我创建了一个非常简单的插件来将图像上传到主页。我没有问题。我可以在我想要的页面中正确显示它们。但是我希望在图片幻灯片中使用一点点javascript。

但是，我不知道在哪里找到我的javascript文件。我还注意到，我甚至无法在Foundationpress页眉或页脚中找到单个.js文件。我做了一些搜索，但我无法理解任何。以下是我的脚本。请有人帮我这件事。感谢一百万。

我需要在标题中找到它：

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

这个可能在</body>标签之前：

<script src="js/jquery.krakatoa.js"></script>

<script>
    $(window).on('load',function(){
        $('.krakatoa').krakatoa( { 
            width: '1100px', 
            height: '320', 
            autoplay: true, 
            loop: true, 
            delay: 9000, //Slider on hold for 9 sec
            duration: 800, //Slider Transition Timer
            direction: -1, 
            first: 9});
    });
</script

这是我显示从数据库中检索的图像的方式：

<div class="row">
    <div class="large-12 columns">
         <div class="krakatoa">//'krakatoa' is the class responsible for slideshow animation


 <?php
 global $wpdb;
 $tablename="tbl_banner";
 $retreive_data=$wpdb->get_results("SELECT * FROM $tablename");
 $upload_dir = wp_upload_dir();
 foreach($retreive_data as $data)
 {

    ?>

          <img  src="<?php echo $upload_dir['baseurl']."/2014/12/".$data->image_name; ?>">



       </div>
  <?php
 }
 ?>

      </div>
</div>

编辑部分

我在这里注册了我的javascripts，但我不确定接下来该做什么。我上传了ftp但没有效果。我必须做任何事情才能使javascript生效吗？

的functions.php

function register_my_scripts() {
  wp_deregister_script('jquery'); 

  wp_register_script( 'krakatoa', "http://example.com/wp-content/themes/FoundationPress-master/js/jquery.krakatoa.js", array(), false, true );
  wp_register_script( 'my_krakatoa', "http://example.com/wp-content/themes/FoundationPress-master/js/my_krakatoa.js", array(), false, true );

  wp_register_script('main', "http://code.jquery.com/jquery-latest.min.js", array(),false,false);


  wp_enqueue_script(array('krakatoa','my_krakatoa','main'));
}

Answer 1

我在functions.php中添加了以下代码片段，以及所有代码。它奏效了。

//我的自定义函数

function wpb_adding_scripts() {

wp_register_script( 'my_amazing_script', get_template_directory_uri() .'/js/jquery-latest.min.js', array('jquery'), '1.0.0', false );
wp_register_script('my_amazing_script2', get_template_directory_uri() .'/js/jquery.krakatoa.js', array('jquery'),'1.1', true);
wp_register_script('my_amazing_script3', get_template_directory_uri() .'/js/my_krakatoa.js', array('jquery'),'1.1', true);

wp_enqueue_script('my_amazing_script');
wp_enqueue_script('my_amazing_script2');
wp_enqueue_script('my_amazing_script3');

}


add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts');

感谢。

我的自定义JavaScript在Foundationpress中不起作用

编辑部分

1 个答案: