динамический jPlayer - PullRequest
Новая
       3

динамический jPlayer

4 голосов
/ 26 марта 2012

Я уже неделю пытаюсь создать динамический 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);

1 Ответ

3 голосов
/ 28 марта 2012

Я выяснил свою проблему ... Я решил пойти о своей проблеме по-другому, и нашел решение намного быстрее.Я понял, что мне нужно получить доступ к выбранному элементу выражения с помощью jquery.Для этого мне нужно было использовать функцию поиска.Я придумал вот что: 

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