Javascript Jquery滑块在bxslider中不起作用

我试图在网页上实现bxslider，但它不起作用。 代码：

但其他起作用的函数是用另一种语法编写的：

(function() {
  var po = document.createElement('script');
  po.type = 'text/javascript';
  po.async = true;
  po.src = 'https://apis.google.com/js/plusone.js';

  var s = document.getElementsByTagName('script')[0];
  s.parentNode.insertBefore(po, s);
})();

---

我声明函数的方式是错误的吗？

愚蠢的问题，但是您的页面上是否加载了jquery和bxslider库？此外，您的html缺少一些

和更改
$（'.bxslider'）.bxslider（mode:'vertical'，auto:true）
到
$（'.bxslider'）.bxslider（{mode:'vertical'，auto:true}）是的，我确实加载了它们，我故意对HTML这样做，所以我可以在这里发布它。但问题是如果我将函数声明为$document.ready。。。。。我在控制台中得到一个未捕获的错误类型。我已经用{}试过了，但是没有用，先生。请发布您的控制台错误。这意味着bxSlider没有加载。请确保在调用bxSlider之前加载了它。
(function(){
  $('.bxslider').bxSlider(
    mode: 'vertical',
    auto: true
  );
});

(function() {
  var po = document.createElement('script');
  po.type = 'text/javascript';
  po.async = true;
  po.src = 'https://apis.google.com/js/plusone.js';

  var s = document.getElementsByTagName('script')[0];
  s.parentNode.insertBefore(po, s);
})();