jQuery - removeClass 'current' при загрузке JPlayer

Что мне здесь не хватает? Я пытаюсь удалить класс «jp-playlist-current» из href при загрузке страницы. Когда эта страница загружается, я не хочу никакого «текущего» стиля. Я хочу, чтобы «текущий» отображался, когда пользователь нажимает на ссылку.jQuery - removeClass 'current' при загрузке JPlayer

К сожалению, поскольку код для этого динамически заполнен, я не могу дать статический вид класса. Вместо этого, посмотрите на скриншот изображения ниже размещена по этой ссылке:

http://dixiedevils.com/code.jpg

и вот полный код страницы:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
    <title>Untitled</title> 

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('div.jp-type-playlist div.jp-playlist li.jp-playlist-current a').removeClass('jp-playlist-current'); 
    //$('div.jp-type-playlist div.jp-playlist li').removeClass('jp-playlist-current'); 
}); 
</script> 

</head> 
<body> 

<div id="jquery_jplayer_1" class="jp-jplayer"></div> 

<div id="jp_container_1" class="jp-audio"> 

    <div class="jp-type-playlist"> 

     <div class="jp-playlist"> 
      <ul> 
       <!-- below here is where the dynamic JQ content is placed: --> 
       <li></li> 
      </ul> 
     </div> 

    </div> 
</div> 

</body> 
</html>

источник

2013-04-18 mar2195

$("#jp_container_1 .jp-type-playlist .jp-playlist li").find('a').each(function(){ 
     $(this).removeClass('jp-playlist-current'); 
});

источник

2013-04-18 11:27:20 VenkateshKumar

Несмотря на то, что решение от @Palash Mondal также работает, для меня это решение, похоже, было немного легче для моего кодирования. Спасибо всем. – mar2195

Спасибо за сообщение! – VenkateshKumar

При использовании JPlayer, следующее Для выполнения этой задачи следует использовать ОКОНЧАТЕЛЬНЫЙ КОД:

... только после:

swfPath: "../js", 
supplied: "ogg, mp3, m4a", 
wmode: "window",

... добавить следующее:

ready : function() { 
    $('div.jp-type-playlist div.jp-playlist li.jp-playlist-current a').removeClass('jp-playlist-current'); 
    $('div.jp-type-playlist div.jp-playlist li').removeClass('jp-playlist-current'); 
    $('div.jp-type-playlist div.jp-playlist li').click(function() { 
     $('div.jp-type-playlist div.jp-playlist li:first').addClass('jp-playlist-current'); 
     $('div.jp-type-playlist div.jp-playlist li.jp-playlist-current a').addClass('jp-playlist-current'); 
    }); 
}

Это удалит «текущее» стиль, а затем добавить его обратно, когда пользователь нажимает на ссылку.

источник

2013-04-19 08:46:01 mar2195

jQuery - removeClass 'current' при загрузке JPlayer

ответ

Смежные вопросы