动态jPlayer

Question

我已经尝试了一个星期来创建一个动态的jplayer，它根据selectbox中选择的选项而改变。 其他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") 
       }); 
   });