Если (var = 0) не работает после загрузки JWPlayer - PullRequest
Новая
       0

Если (var = 0) не работает после загрузки JWPlayer

0 голосов
/ 25 июня 2011

У меня странная проблема с JWPlayer.

JavaScript: 

$(document).ready(function ubsrt()
{
  ktp_system = 0;
});

    function mp3Player(v_url,v_title)
    {
          $('#console_box').append('<br />1-> start');

        if(ktp_system == 1) // <--- Did not work
        {
           $('#console_box').append('1 = return false');
           return false; // <--- Did not work
        }

        $('#console_box').append('<br />2-> '+ktp_system+'');

        ktp_system['mp3Player'] = 1; //<--- fixed in the example to  ktp_system = 1;

        window.onbeforeunload = function() { return 'Es läuft noch ein Audio-Stream!' ; }
        $('body').append('<div id="mp3Player" class="no_dra"></div>');
        $.getScript('http://player.longtailvideo.com/jwplayer.js', function ()
        {
           jwplayer("mp3Player").setup({
             flashplayer: "http://player.longtailvideo.com/player.swf",
             file: ''+v_url+'',
             autostart: "true",
             height: 25,
             width: 300,
             controlbar: "bottom"
         });

         $('#mp3Player_wrapper').prepend('<div style="float:left;"><strong>MP3 Player</strong></div><div id="ktp_mp3player_close" onclick="window.onbeforeunload = null; jwplayer(\'mp3Player\').remove(); $(\'#mp3Player, #mp3Player_wrapper\').detach();" style="position:absolute; right:10px; top:10px; cursor:pointer; display:none; background-position:-32px -192px; height: 16px; width: 16px; " class="iconset">&nbsp;</div><div style="clear:both;"></div><div id="ktp_mp3player_title" style="width:300px; overflow:hidden; margin-bottom:3px;" class="small">'+v_url+'</div>');
         $('#mp3Player_wrapper').css('z-index','107').css('width','300px').css('position','absolute').css('padding','10px 10px 40px 10px').addClass('dra').addClass('bg_one');
         $("#mp3Player_wrapper").hover( function () { $('#ktp_mp3player_close').show(); }, function () { $('#ktp_mp3player_close').hide(); });
         $('#mp3Player').addClass('no_dra');

        });
        $('#console_box').append('<br />3-> '+ktp_system+'');
        return false;
    }

HTML: 

<body>
  <input type="button" onclick="mp3Player('http://chaosradio.ccc.de/archive/chaosradio_168.mp3');" value="play" /> 

  <br /><br />
  <div id="console_box"><hr /></div>

  </body>

Рабочий пример: http://jsbin.com/opuvum/11/edit#preview

Все работает нормально, но когда я снова нажимаю кнопку воспроизведения, моя проверка, если (ktp_system == 1) будет проигнорирована ... но почему?

1 Ответ

1 голос
/ 25 июня 2011

Это не ваше состояние: 

if (ktp_system == 1)

в чем проблема. После первого нажатия на кнопку воспроизведения функция mp3Player никогда не вызывается, поэтому ваше состояние не оценивается. Это можно увидеть с помощью операторов alert, добавленных в соответствующих местах, в начале mp3Player() и сразу после вашего предложения if:

http://jsbin.com/ireret/2/edit

Похоже, что прослушиватель событий для кнопки не сохранился. Это результат того, что происходит в вашем jwplayer звонке. Вы заметите, что если вы прокомментируете только этот вызов, он будет работать, как ожидалось, и условие будет оценено:

http://jsbin.com/eqofil/2/edit

Где-то вдоль линии, событие кнопки click должно быть не связанным. Я не пробирался через минимизированный источник jwplayer, чтобы проследить его дальше, но один из способов исправить это - использовать .click() или .live(), чтобы связать событие click с кнопкой:

http://jsbin.com/opuvum/14/edit

Надеюсь, это поможет.

...