Jquery滑块不起作用bxslider

Question

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

<ul class="bxslider">
    <li><img src="{url href='images/icon_telefon.png'}"></li>
    <li><img src="{url href='images/icon_telefon.png'}"></li>
    <li><img src="{url href='images/icon_telefon.png'}"></li>
</ul>

这是功能：

(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);
})();

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