在wordpress中不工作jQuery easy ticker

Question

我正在编写一个WordPress模板。我想要提议的内容我使用jquery easy-ticker。 在编写这个部门的时候，所有的装载和我看到所提出的材料是从上到下的文字和照片，相反，它没有成功和稳定。 这张照片：

您看到的图片是从上到下的文字，并执行this.

之类的操作

嗯，我把代码放在了：

<script src="<?php echo get_template_directory_uri(); ?>/js/jquery.easy-ticker.js"></script>
<script src="<?php echo get_template_directory_uri(); ?>/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
    $(function(){
        $('.iraymond').easyTicker({
            direction: 'up'
        });
    });
</script>

<div class="ourpost">
    <h3>مطالب پیشنهادی</h3>
    <div class="iraymond">
        <ul>
            <li><img src="<?php echo get_template_directory_uri(); ?>/images/2.jpg" alt=""><a href="#">دانلود سیستم محتوای ایرانی آپادانا </a><span>بازدید : 500</span></li>
            <li><img src="<?php echo get_template_directory_uri(); ?>/images/2.jpg" alt=""><a href="#">دانلود سیستم محتوای ایرانی آپادانا </a><span>بازدید : 500</span></li>
            <li><img src="<?php echo get_template_directory_uri(); ?>/images/2.jpg" alt=""><a href="#">دانلود سیستم محتوای ایرانی آپادانا </a><span>بازدید : 500</span></li>
            <li><img src="<?php echo get_template_directory_uri(); ?>/images/2.jpg" alt=""><a href="#">دانلود سیستم محتوای ایرانی آپادانا </a><span>بازدید : 500</span></li>
            <li><img src="<?php echo get_template_directory_uri(); ?>/images/2.jpg" alt=""><a href="#">دانلود سیستم محتوای ایرانی آپادانا </a><span>بازدید : 500</span></li>
            <li><img src="<?php echo get_template_directory_uri(); ?>/images/2.jpg" alt=""><a href="#">دانلود سیستم محتوای ایرانی آپادانا </a><span>بازدید : 500</span></li>
        </ul>
    </div>
</div>

我不知道我错了编码或jquery没有工作...... 请看看，我很感激。

Answer 1

正如评论中已经提到的，您不应该在模板文件中对脚本进行硬编码，而是enqueue your scripts。

尝试将其添加到functions.php文件中：

function my_theme_scripts() {
    wp_enqueue_script( 'easyTicker', get_template_directory_uri() . '/js/jquery.easy-ticker.js', array('jquery'), '2.0', true );
    wp_enqueue_script( 'my-theme-scripts', get_template_directory_uri() . '/js/my-theme-scripts.js', array('easyTicker'), '1.0', true );
}

add_action( 'wp_enqueue_scripts', 'my_theme_scripts' );

这是在您主题的my-theme-scripts.js文件夹中名为js的文件中：

(function($){
    $('.iraymond').easyTicker({
        direction: 'up'
    });
})(jQuery);