Question

我正在从头开始在Wordpress中构建自定义主题。现在，我只做了基础知识，比如创建必要的.php文件，如index.php，footer.php等。在我的导航菜单中，我有一个联系人锚点，可以在页脚中导航你的动画。因此，它无法在Chrome和Safari中使用，但可以在Firefox中使用。（IE尚未测试）。这是我在元标记后面的 header.php 中的jQuery和js文件引用：

<!-- Scripts -->
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/scrolling.js"></script>
<!-- End of Scripts -->

<!-- CSS links -->


<?php wp_enqueue_script("jquery"); ?>
<?php wp_head(); ?>

</head>

这是我的js文件，非常简单：

$(document).ready(function()
{

  var v = $('div.nav-bar li a:last').addClass('scrollToBottom');
    v.click(function()
    {
    $('html,body').animate( {scrollTop: $(document).height() }, 1600);
      console.log('hello');
      return false;
    });

});

我的导航栏是在functions.php中使用“nav-bar”类动态创建的。所以，我添加了console.log只是为了确保JS正常工作，而且当你点击联系人但没有任何反应时点击功能会激活。对不起，我无法上传任何图片。此外，它在静态时工作正常，但我不想要静态导航，而确实在Firefox中工作....任何建议都会非常感激。

Answer 1

您不应在<?php wp_enqueue_script("jquery"); ?>文件中使用header.php。应将wp_enqueue_script()添加到您的functions.php文件中并使用add_action('wp_enqueue_scripts', 'function_name')进行相应的连接。

然后您也不需要添加<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>。

WordPress以No Conflict模式加载jQuery。所以你的jQuery应该是这样的：

jQuery(document).ready(function($)
{
 // your code here
});

在Webkit浏览器中，锚定到页脚不适用于Wordpress中的jQuery

1 个答案: