有没有办法通过单击按钮来更改 Jquery 插件选项？

Question

我在我的网站上使用 Jplayer 查询插件作为音频播放器。当我设法通过这个设置插件的选项时：

$(document).ready(function(){

$("#jquery_jplayer_1").jPlayer({
    ready: function () {
        $(this).jPlayer("setMedia", {
            title: MediaTitle,
            mp3: MediaURL
        });
    },
    remainingDuration: true,
    defaultPlaybackRate: 1,  /* <-- I'd like to change the playback rate 
                                    when I click a button */
    toggleDuration: true
});
});

我的目标是分配一个按钮来控制播放速率，例如，当我按下 "speed" 按钮时，deafultPlaybackRate 将从 1 变为 1.5。

我想通过使用 .click 鼠标事件来解决这个问题。

例如：

   <script type="text/javascript">
   $( ".speeder" ).click(function() {
       /*make the defaultPlaybackRate go from 1 to 1.5 */
    });
   </script>

我走的路对吗？甚至可以通过鼠标单击按钮等事件更改全局 jquery 插件设置吗？

Answer 1

查看 documentation here:

<script type="text/javascript">
   $( ".speeder" ).click(function() {
       $("#jquery_jplayer_1").jPlayer("option","playbackRate", "1.5"); // or
       //$("#jquery_jplayer_1").jPlayer("option",{playbackRate : 1.5});
    });
</script>

有没有办法通过单击按钮来更改 Jquery 插件选项？

Is there a way to change Jquery plugin options with a click of a button?

javascript

jquery

jquery-plugins

jplayer