Jquery 动态喷气推进层

一周来，我一直在尝试创建一个动态jplayer，它根据选择框中所选的选项而变化。其他堆栈溢出帖子非常有帮助，所以我希望我能够解决这个问题。任何其他人所做的例子的链接也将不胜感激。相关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);

jQuery（文档）.ready（函数（$）{
$（函数（）{
var pinyinTone=null；
var toneSelect=null；
var pinyinSound=null；
$（“#jqueryjplayer”）.jplayer({
就绪：函数（）{
},
swfPath:“/sites/all/libraries/jplayer/js”，
提供：“mp3”
})
$（“#jqueryjplayer”）.jplayer（“setMedia”{
mp3:'/sites/default/files/pinyinSound/'+pinyinTone+'.mp3'，
wav:'/sites/default/files/pinyinSound/'+pinyinTone+'.wav'
});
};
$（“选择#pinyinSound”）.change（函数（）{
音调选择=1；
$（'#toneSelectDiv'）.show（）；
pinyinSound=$（this.val（）；
$.ajax({
url:“/HBCAppFiles/get_list.php”，
数据：{
pinyinSound:$（“选择#pinyinSound”）.val（）
},
数据类型：“json”，
成功：功能（j）{
var选项=“”；
对于（变量i=0；i

我解决了我的问题…我决定用另一种方式解决问题，并更快地找到了解决方案。我意识到我需要使用jquery访问语句的选定元素。为此，我需要使用find函数。我想到的是：

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

---

当我的代码缩进超过4个空格时，堆栈溢出被抱怨。。。