Jquery 如何垂直更改音量

在CSS中，我成功地将原来的水平音量滑块更改为垂直样式，但是音量滑块仍然像水平一样工作，即我必须水平单击才能更改音量，而不是垂直单击

HTML

Jquery相当长的代码：

http://djacademynegypt.com/wp-content/plugins/wolf-jplayer/assets/js/min/jquery.jplayer.concat.min.js?ver=2.1.7.3

使用：

要真正更改卷，您必须在“幻灯片”回调中与进行交互：

$(".jp-volume-bar").slider({
   orientation: 'vertical',
   slide: function(event, ui) {      
      $(".jp-volume-bar-value").text(ui.value);
      $("#jpId").jPlayer("volume", ui.value/100); // jpId is the player id
   }
});

HTML:

---

当你不发布任何代码时，调试你的代码有点困难…一些你所做的代码片段会很有帮助。虽然发布实时站点是一件好事，但它为我们省去了制作JSFIDLE的麻烦，你还需要提供你认为导致问题的代码。这样，我们可以进行测试和比较。好的，有人帮我安装了一个垂直音量滑块，它可以按我想要的方式滑动，但它不会改变音量或任何对音量没有影响的东西。。谁来帮帮我！现场直播的网站是djaccademynegypt.com你能做一把小提琴来展示这个问题吗？怎么做？你还想分享这是如何神奇地改变音量的吗？这是一个不完整的答案。代码怪胎，。。。那你为什么不按你喜欢的CSS样式呢？好的，我会样式化，但是你能告诉我如何在slider回调中与WolfJplayer API交互吗？我不知道怎么做。我检查了他们的API并为你编辑了代码…嘿，它不起作用。。

http://djacademynegypt.com/wp-content/plugins/wolf-jplayer/assets/js/min/jquery.jplayer.concat.min.js?ver=2.1.7.3

$(".jp-volume-bar").slider({
   orientation: 'vertical',
   slide: function(event, ui) {      
      $(".jp-volume-bar-value").text(ui.value);
      $("#jpId").jPlayer("volume", ui.value/100); // jpId is the player id
   }
});

<div class="jp-volume-bar wolf-volume"></div>
<div class="jp-volume-bar-value"></div>