Jquery不能与wordpress一起工作

jquery not working with wordpress?

本文关键字:一起 工作 wordpress 不能 Jquery      更新时间:2023-09-26

脚本其实很简单:

jQuery(document).ready(function()
{
    setTimeout( function()
    {
        jQuery('.menu-header').fadeOut();
    }, 2000);
});

和应该显示菜单后,一切加载…而且很有效!但不是wordpress…我也知道,我们应该使用jQuery而不是$。在functions.php中添加jquery:

add_action( 'wp_enqueue_script', 'load_jquery' );
function load_jquery() 
{
    wp_enqueue_script( 'jquery' );
}

但是这个脚本根本不工作…

有什么建议吗?

我觉得这样读起来更容易…

     <?php
     function custom_load_jquery() {
     ?>
     <script type="text/javascript">
          jQuery(document).ready(function(){
               setTimeout(function(){
                    jQuery('.menu-header').fadeOut(2000);
               }
          });
     </script>
     <?php
     }
     add_action( 'wp_enqueue_script', 'custom_load_jquery' );
     ?>

和wp_enqueue_script应该是加载jQuery代码的正确位置。我不完全确定"load_jquery"是否已经在使用,最好自定义它。此外,你有淡出功能正确吗?

您的脚本没有以无冲突模式运行。

WordPress中包含的jQuery库设置为noConflict()模式(见wp-includes/js/jquery/jquery.js)。这是为了防止与WordPress的其他JavaScript库的兼容性问题可以链接。

在noConflict()模式下,jQuery的全局快捷键$不是可用。

解决方案:

var $j = jQuery;
$j(document).ready(function(){
setTimeout(function(){
    $j('.menu-header').fadeOut();}, 2000);
});
工作jsfiddle

http://jsfiddle.net/dy5Mu/

如果有人有类似的问题,有解决方案。其他人都说对了。事情是后来添加了jQuery,然后我调用脚本。所以…在footer.php中添加代码就可以了:D

无需修改header或函数,只需在footer.php中添加以下内容:

jQuery(document).ready(function(){
    setTimeout(function(){
    jQuery('.menu-header').fadeIn();}, 3000);
});

然而,我想对所有试图帮助我的人说声谢谢。这个论坛是最好的,你们都是了不起的!

谢谢!