Javascript 无法获取要呈现的bxSlider插件

以下是获取插件的网站：

据我所知，我已向各个方向努力

首先，包含的所有脚本在查看页面源代码时都能很好地呈现。所以jquery调用一定出了问题。但是，在控制台中的firefox firebug上绝对没有错误

下面是jquery库、css和javascript调用。 此外，所有内容都在页面的开头，我使用的是正确的库版本

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="components/jquery.bxslider/jquery.bxslider.min.js"></script>
<link href="components/jquery.bxslider/jquery.bxslider.css" rel="stylesheet" />


<script>
   $(document).ready(function() {
   //boxslider for portfolio
    $('#bxslider').bxSlider({
     mode: 'fade',
     captions: true

   });
   });

</script>

$（文档）.ready（函数（）{
//组合框滑块
$（'#bxslider'）.bxslider({
模式：“淡入淡出”，
标题：对
});
});

标记html：

<div class="container">
    <h2>Some of Our Projects</h2>
    <ul id="bxslider">
      <li><img src="../../images/shots/ecommerce.png" title="Happy trees" /></li>
      <li><img src="../../images/shots/templateviewthread.jpg" title="Funky roots" /></li>
      <li><img src="../../images/shots/templateprofile.jpg" title="The long and winding road" /></li>
      <li><img src="../../images/shots/trees.jpg" title="Happy trees" /></li>
      <li><img src="../../images/shots/valleyvuecoatings.jpeg" title="Happy trees" /></li>
      <li><img src="../../images/shots/thegazebo.jpeg" title="Happy trees" /></li>
    </ul>
</div>
<!--/.container-->

我们的一些项目

那么，你的小提琴坏了。下面是一个工作示例

首先，如果您在本地工作，您需要将http添加到来自googleapi的链接中

所以从这个

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

---

我设法在JSFIDLE上运行了这个插件。 了解正在加载的脚本和jQuery版本，并在您的站点上尝试相同的方法

 $(document).ready(function() {
      //boxslider for portfolio
      $('.bxslider').bxSlider({
        mode: 'fade',
        captions: true

      });
    });

    <ul class="bxslider">
      <li>
        <img src="http://bxslider.com/images/730_200/hill_road.jpg" title="Funky roots" />
      </li>
      <li>
        <img src="http://bxslider.com/images/730_200/trees.jpg" title="The long and winding road" />
      </li>
      <li>
        <img src="http://bxslider.com/images/730_200/trees.jpg" title="Happy trees" />
      </li>
    </ul>

$（文档）.ready（函数（）{
//组合框滑块
$（'.bxslider'）.bxslider({
模式：“淡入淡出”，
标题：对
});
});

你能在fiddle上重新制作这个问题吗？这是本地的吗？我在很多网站上使用过bxSlider，没有任何问题：）博扬·佩特科夫斯基：当然，我可以做小提琴。这是本地的，并且在Laravel框架上。不过这不重要。Bojan Petkovski@Bobby，你的剧本/风格肯定有问题。我已经用这个插件更新了你的JSFIDLE，它工作正常：@BojanPetkovski谢谢你，但是你是如何让更新的版本工作的呢。你改变了什么？哎哟，我有一个输入错误，但没有解决它。这是我的模板，以获得更好的视图，也许可以看到发生了什么。我注意到您缺少开头的body标签。第二，如何插入页面/滑块的内容？奇怪的是，还有一个）挂在标记中，在标记中找不到该标记。我不确定这是否是原因。jquery中的一些内容。这是一个图像，开头的body标签被带到保存内容的页面上。这是拉威尔刀片模板系统。这与主体无关，因为我的另一个jquery正在工作。只要主体在标记中对齐。谢谢，但不要更改。我有正确的库版本以及正确的css和js文件。

$('#bxslider').bxSlider({
    mode: 'fade',
    captions: true
});

 $(document).ready(function() {
      //boxslider for portfolio
      $('.bxslider').bxSlider({
        mode: 'fade',
        captions: true

      });
    });

    <ul class="bxslider">
      <li>
        <img src="http://bxslider.com/images/730_200/hill_road.jpg" title="Funky roots" />
      </li>
      <li>
        <img src="http://bxslider.com/images/730_200/trees.jpg" title="The long and winding road" />
      </li>
      <li>
        <img src="http://bxslider.com/images/730_200/trees.jpg" title="Happy trees" />
      </li>
    </ul>