javascript - 在 wordpress 中无法使用 jQuery easy ticker

Question

我正在编写一个 WordPress 模板。我想要建议的内容，我使用 jquery easy-ticker。 在coding这个扇区的时候，所有的加载，我看到建议的 Material 从上到下都是文字和照片，相反，它没有工作并且稳定。 这张照片:

你看到的图片是从上到下的文字，做类似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' );

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

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