2014-09-29 34 views
0

我已经从互联网上下载了2个包。一个用于制作列表中的项目,以页面形式显示,另一个用于制作.mp3文件的jPlayer。Javascript:某些类在两个javascripts/ccs中使用相同名称定义两次

列表页面的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上的示例来向您展示问题。

- >http://jsfiddle.net/5svd5mnh/

+0

退房http://jplayer.org/latest/developer-guide/#jPlayer-option-cssSelector自定义选择器 – 2014-09-29 21:26:03

+0

@ChristopherMarshall你知道我应该把类似于http://jplayer.org/ latest/developer-guide /#jPlayer-detail-cssSelector this?这看起来像我在找什么,我真的不知道,我完全是新来的。 – rez 2014-09-29 21:31:02

+0

我不明白我必须编辑哪些文件,那些文件在哪里?我有'jplayer.playlist.min.js','jquery.jplayer.min.js','jquery.min.js','jplayer.blue.monday.css' – rez 2014-09-29 21:34:06

回答

2

一个避免这个问题的方法是使用:

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

,在<body>部分只有当你真正使用jPlayer。
这样就不会同时导入2个.css文件。
但是这意味着您在将不能在相同的.html页面中使用jPlayerList-Paging

相关问题