Javascript 滑动转盘集成工作不正常_Javascript_Jquery_Wordpress

Javascript 滑动转盘集成工作不正常

javascript jquery wordpress

Javascript 滑动转盘集成工作不正常,javascript,jquery,wordpress,Javascript,Jquery,Wordpress,我已经看过了关于滑轨转盘的其他答案，我似乎无法解决我的问题。正如在其他答案中所建议的那样，我曾尝试在我的和中使用CDN托管的js和css文件，但仍然不起作用。我尽我最大的努力按照指示去做，但我没有让它完全正常工作。我真的不太擅长Javascript，所以非常感谢你们的朋友们的任何意见。这是我的密码 <div class="featured-areas responsive"> <div><a href="/lake-oswego-or-homes-for-sal

我已经看过了关于滑轨转盘的其他答案，我似乎无法解决我的问题。正如在其他答案中所建议的那样，我曾尝试在我的和中使用CDN托管的js和css文件，但仍然不起作用。我尽我最大的努力按照指示去做，但我没有让它完全正常工作。我真的不太擅长Javascript，所以非常感谢你们的朋友们的任何意见。这是我的密码

 <div class="featured-areas responsive">
 <div><a href="/lake-oswego-or-homes-for-sale"><img src="/wp-content/uploads/2015/09/lakeoswegojpg.jpg"/></a><a href="/lake-oswego-or-homes-for-sale"><h3 style="text-align:center;">Lake Oswego Homes for Sale</h3></a></div>
  <div><a href="/lake-oswego-or-homes-for-sale"><img src="/wp-content/uploads/2015/09/lakeoswegojpg.jpg"/></a><a href="/lake-oswego-or-homes-for-sale"><h3 style="text-align:center;">Lake Oswego Homes for Sale</h3></a></div>
  <div><a href="/lake-oswego-or-homes-for-sale"><img src="/wp-content/uploads/2015/09/lakeoswegojpg.jpg"/></a><a href="/lake-oswego-or-homes-for-sale"><h3 style="text-align:center;">Lake Oswego Homes for Sale</h3></a></div>
  <div><a href="/lake-oswego-or-homes-for-sale"><img src="/wp-content/uploads/2015/09/lakeoswegojpg.jpg"/></a><a href="/lake-oswego-or-homes-for-sale"><h3 style="text-align:center;">Lake Oswego Homes for Sale</h3></a></div>
  <div><a href="/lake-oswego-or-homes-for-sale"><img src="/wp-content/uploads/2015/09/lakeoswegojpg.jpg"/></a><a href="/lake-oswego-or-homes-for-sale"><h3 style="text-align:center;">Lake Oswego Homes for Sale</h3></a></div>
  <div><a href="/lake-oswego-or-homes-for-sale"><img src="/wp-content/uploads/2015/09/lakeoswegojpg.jpg"/></a><a href="/lake-oswego-or-homes-for-sale"><h3 style="text-align:center;">Lake Oswego Homes for Sale</h3></a></div>
</div>
<script type="text/javascript">$('.responsive').slick({
  dots: true,
  infinite: false,
  speed: 300,
  slidesToShow: 4,
  slidesToScroll: 4,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 3,
        infinite: true,
        dots: true
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 2
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1
      }
    }
    // You can unslick at a given breakpoint now by adding:
    // settings: "unslick"
    // instead of a settings object
  ]
});
</script>


$（'.responsive'）。光滑({
点：是的，
无限：错，
速度:300,，
幻灯片放映：4，
幻灯片滚动：4，
响应：[
{
断点：1024，
设置：{
幻灯片放映：3，
幻灯片滚动：3，
无限：是的，
圆点：对
}
},
{
断点：600，
设置：{
幻灯片放映：2，
幻灯片滚动：2
}
},
{
断点：480，
设置：{
幻灯片放映：1，
幻灯片滚动：1
}
}
//现在可以通过添加以下内容在给定断点取消单击：
//设置：“取消单击”
//而不是设置对象
]
});

由于名称服务器尚未指向，因此可以在测试url上查看该站点。我非常感谢您的帮助，因为这将是一个很好的教育，让我能够为我的客户带来帮助

临时链接似乎不工作，用于生成链接的站点也不工作。要查看站点，请将该行添加到主机文件：108.178.13.98 findlakeoswegohomes.com

在wp-head.php文件中：

   <?php

// =============================================================================
// VIEWS/INTEGRITY/WP-HEADER.PHP
// -----------------------------------------------------------------------------
// Header output for Integrity.
// =============================================================================

?>

<?php x_get_view( 'global', '_header' ); ?>

  <?php x_get_view( 'global', '_slider-above' ); ?>

  <header class="<?php x_masthead_class(); ?>" role="banner">
    <?php x_get_view( 'global', '_topbar' ); ?>
    <?php x_get_view( 'global', '_navbar' ); ?>
    <?php x_get_view( 'integrity', '_breadcrumbs' ); ?>
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/jquery.slick/1.4.1/slick.css"/>
  </header>

  <?php x_get_view( 'global', '_slider-below' ); ?>
  <?php x_get_view( 'integrity', '_landmark-header' ); ?>

<?php

// =============================================================================
// VIEWS/GLOBAL/_FOOTER.PHP
// -----------------------------------------------------------------------------
// Includes the wp_footer() hook and closes out the <body> and <html> tags.
// =============================================================================

?>

  <?php do_action( 'x_before_site_end' ); ?>

  </div> <!-- END #top.site -->

  <?php do_action( 'x_after_site_end' ); ?>

<?php wp_footer(); ?>
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.slick/1.4.1/slick.min.js"></script>
</body>
</html>


您的javascript代码未包装在文档中，请尝试将您的javascript代码放入以下内容：
$(function(){
    // Your Code Here
});

确保在上面的之前包含jQuery库。
另外，请确保您包含了实际的Slick Carousel javascript文件（在jQuery库之后）。
我不确定我是否理解您的意思。我检查了一下，看起来调用slick文件的脚本正在加载，就在关闭标记之前。还有其他jquery脚本正在运行。我不知道如何检查何时加载jquery库您要么是通过CDN链接到jquery库，例如托管在Google上，要么是下载了jquery并链接到该文件。请在脚本末尾（在脚本标记内）尝试console.log（$）。查看所有代码会有所帮助。您可以将其粘贴到Pastebin上。我如何查看日志的输出？我可以登录cms查看所有内容或发送文件以供查看。这是一个主题框架，我们用来为客户创建网站。有一个wp-head.php文件和一个footer.php文件。wp头包含标签。这里是我放置样式表链接的地方，如下所示：