0

我在这里想念什么？我试图在加载页面时从 href 中删除类“jp-playlist-current”。加载此页面时，我不想要任何“当前”样式。我只希望在用户单击链接时显示“当前”。

不幸的是，由于此代码是动态填充的，因此我无法给出该类的静态视图。相反，请查看以下链接中发布的屏幕截图：

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>
4

2 回答 2

1 
$("#jp_container_1 .jp-type-playlist .jp-playlist li").find('a').each(function(){
       $(this).removeClass('jp-playlist-current');
});
于 2013-04-18T11:27:20.003 回答
0

使用 JPlayer 时，应使用以下 FINAL CODE 来完成此任务：

... 刚过：

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-19T08:46:01.187 回答