JS News Ticker在主页上不工作,但在其他页面上工作。如何解决这一问题?

时间:2014-08-15 作者:Riffaz Starr

我创建了这个新闻摘要:http://jsfiddle.net/riffaz/92s92k1d/ 而且它的小提琴演奏效果很好。

我正在尝试将此代码添加到网站。为此,我将此代码放在PHP widget

<?php
    $paged = (get_query_var(\'paged\')) ? get_query_var(\'paged\') : 1;
    $author_id=$post->post_author;
    $args = array(\'cat\'=> 7, \'posts_per_page\' => 5, \'paged\' => $paged, \'orderby\' => date, \'order\' => ASC );        
    query_posts( $args);?>  
        <ul class="list-6 ticker" style="height: 82px;">
            <?PHP while (have_posts()) : the_post();?>
            <li>
                <h5>
                    <a class="upcomnig" href="<?php the_permalink() ?>" title="<?php the_title();?>">
                        <?php echo get_upcoming_date();?> 
                        <span style="font-size:16px; color: #fe5e08"><?PHP echo get_upcoming_title(); ?></span>
                    </a>
                </h5>
            </li>   
            <?php   endwhile;?> 
        </ul>   
我把这句话放进了儿童主题style.php

.ticker {
    height: 75px;
    overflow: hidden;
}
然后在子主题页脚上。php:我将以下代码放在标记的正上方:

function tick(){
        $(\'.ticker li:first\').slideUp( function () { $(this).appendTo($(\'.ticker\')).slideDown(); });
    }
    setInterval(function(){ tick () }, 5000);
它在我的主页上没有任何作用。它保持在主页上的位置。但如果我去任何一个页面,它都可以正常工作。奇怪的有没有办法解决这个问题?

http://www.ldjf.org/ 查看右下角区域。。页脚区域upcoming events

1 个回复
最合适的回答,由SO网友:Welcher 整理而成

控制台正在触发此错误:

TypeError:$不是函数

可能有几件事:

WordPress以无冲突模式加载jQuery,因此在进行选择时可能需要使用jQuery而不是$

jQuery(\'your-selector)
在设置间隔之前,请确保jQuery已加载。根据我所看到的情况,您可能试图在加载之前访问if?

希望有帮助

结束

相关推荐

如何设置php、javascript和css以允许我们的成品在一个页面中显示?

嘿wordpress专家,我们使用php、javascript和css编写了一个表,该表从文本文件中提取信息并在浏览器中显示。当我们在本地服务器上设置文件时,一切都可以正常工作。然而,我们正在尝试将我们的成品集成到wordpress网站的一个页面中。我们正在使用“CSS&javascript工具箱”插件制作一个php;javascript代码块和css代码块,并将其应用于相关页面。但是,我知道页面存储在sql表中,因此我很难弄清楚如何访问服务器上的代码,以及如何将文本文件放在服务器上,以便表显示在相关页面