2014-02-09 33 views
-1

我希望能够使用的图标包,我在网上找到自定义HTML5视频播放器,但PNG的可怕的渲染。就像这样:removeClass addClass没有响应

HTML

<div id="play-pause" class="play"><img src='../assets/play.png'/></div> 

JQuery的

playButton.innerHTML = "<img src='../assets/pausebutton.png'/>"; 

如果我想使用的图标包的排版(即伟大的渲染),我需要将其显示为DIV类。
所以我尝试使用removeClass和addClass这样的:

HTML

<div id="play-pause" class="play play-icon"></div> 

JQuery的

playButton.removeClass("play-icon").addClass('pause-icon'); 

我在做什么错?

回答

2

playButton看起来像一个DOM对象引用(因为你设置playButton.innerHTML其中仅当它是一个DOM对象的工作),该addClass()/removeClass()方法jQuery对象的属性,以便尽量

$(playButton).removeClass("play-icon").addClass('pause-icon'); 
+0

一个符号,使所有的区别:)谢谢Arun P Johny – no0ne