Javascript:某些类在2个javascripts / ccs中定义了两次,具有相同的名称

时间:2014-09-29 21:24:04

标签: javascript jquery html css

我从互联网上下载了2个软件包。一个用于制作列表项,以页面显示,另一个用于.mp3文件的jPlayer。

列表页面的next page/previous page按钮与mp3播放器的next song/previous song按钮名称相同。它们都被称为jp-nextjp-previous

这些文件是List-Paging

<link rel="stylesheet" href="http://shiro-desu.com/scr/itemsperpage/style.css">
<script type="text/javascript" src="http://shiro-desu.com/scr/itemsperpage/jquery-1.8.2.min.js"></script>
<script src="http://shiro-desu.com/scr/itemsperpage/jPages.js"></script>

这些文件是jPlayer

<script type="text/javascript" src="http://shiro-desu.com/scr/jquery/jquery.min.js"></script>
<script type="text/javascript" src="http://shiro-desu.com/scr/jquery/jquery.jplayer.min.js"></script>
<script type="text/javascript" src="http://shiro-desu.com/scr/jquery/jplayer.playlist.min.js"></script>
<link href="http://shiro-desu.com/scr/jquery/jplayer.blue.monday.css" rel="stylesheet" type="text/css" />

我看到它的方式,改变List-Paging文件中的一些名称就可以了 问题是我完全没有javascipt,jQuery的经验,我请求帮助解决这个问题。

问题是next page/previous page 背景下next song/previous song背景受影响。<登记/>
我已经在jsfiddle上传了一个示例来向您展示问题。

- &GT; http://jsfiddle.net/5svd5mnh/

1 个答案:

答案 0 :(得分:2)

避免此问题的一种方法是使用:

<?php echo'<link href="http://shiro-desu.com/scr/jquery/jplayer.blue.monday.css" 
rel="stylesheet" type="text/css" />'; ?> 

在您的页面中,仅在您实际使用jPlayer时才在<body>部分 这样就不会同时导入2个.css文件了 但这意味着您无法在同一.html页面中使用jPlayerList-Paging