当前位置: 代码迷 >> JavaScript >> 有没有一种方法可以通过单击按钮来更改Jquery插件选项?
  详细解决方案

有没有一种方法可以通过单击按钮来更改Jquery插件选项?

热度:90   发布时间:2023-06-03 17:54:43.0

我正在将查询插件用作mysite上的音频播放器。 虽然我设法通过此设置插件的选项:

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

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

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

例如:

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

我在正确的道路上吗? 甚至有可能通过鼠标单击按钮等事件来更改全局jquery插件设置?

在查看 :

<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> 
  相关解决方案