动态jPlayer

Question

一周来，我一直在尝试创建一个动态jplayer，它会根据选择框中所选的选项而变化。其他Stack Overflow帖子已经非常有帮助了，所以我希望我能弄清楚这一点。任何链接到其他人已经做过的例子也将受到感谢。相关的javascript如下：

jQuery(document).ready(function($){

    $(function() {
        var pinyinTone=null;
        var toneSelect=null;
        var pinyinSound=null;
        $("#jquery_jplayer").jPlayer({
            ready: function () {
            },
            swfPath: "/sites/all/libraries/jplayer/js",
            supplied: "mp3"
        })
        $("#jquery_jplayer").jPlayer("setMedia", {
            mp3: '/sites/default/files/pinyinSound/' + pinyinTone  + '.mp3',
            wav: '/sites/default/files/pinyinSound/' + pinyinTone  + '.wav'
        });
    };

    $("select#pinyinSound").change(function(){
        toneSelect=1;
        $('#toneSelectDiv').show();
        pinyinSound=$(this).val(); 
        $.ajax({
            url: "/HBCAppFiles/get_list.php",
            data: {
                pinyinSound: $("select#pinyinSound").val()
            },
            dataType:"json",
            success:function(j){
                var options = '';
                for (var i = 0; i < j.length; i++) {
                    options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay +  '</option>';
                }
                $("select#toneSelect").html(options);
            }
        })
        pinyinTone=pinyinSound + toneSelect;
        processPinyinVars(pinyinTone);
    });

    $("img#pinyinSliderPlayButton").click(function (){
        $('#inner').animate({width: 250}, function(){ $(this).width(0)});
        $("#jquery_jplayer").jPlayer("play");
        return false;
    });

})(jQuery);

Answer 1

我想通了我的问题。我决定用一种不同的方式来解决我的问题，并以更快的速度找到解决方案。我意识到我需要使用jquery访问语句的选定元素。为此，我需要使用find函数。我的想法是这样的：

   $("#trackSelect").change(function(e) { 
       my_trackName.text($(this).val()); 
       my_jPlayer.jPlayer("setMedia", { 
          mp3: $(this).find(':selected').attr("href") 
       }); 
   });