在jQuery中追加圖像？

Question

我使用jQuery插件來切換click.The肘杆上div包含文本「視圖」和「關閉」，但我想，以取代圖像圖標文本

此

jQuery代碼

var defaults = { 

     showText: 'View', 
     hideText: 'Hide' 
    }; 

if(options.changeText==1){ 
     $(toggleDiv).is(":visible") ? toggleClick.text(options.hideText) : toggleClick.text(options.showText); 

如何給圖像鏈接文字？

Answer 1

var defaults = { 

     show: '<img src="something.jpg"/>View', 
     hide: '<img src="something.jpg"/>Hide' 
}; 

if(options.changeText==1){ 
$(toggleDiv).is(":visible") ? toggleClick.html(options.hide) : toggleClick.html(options.show); 

Answer 2

最簡單的方法是切換類。這種方式是一行代碼...看看這個：

<script> 
    $(function() { 
     $("#toggleDiv").click(function() { 
      $(this).find(".view").toggleClass("close") 
     }); 
    }); 

</script> 
<style> 
    .view { 
     position:absolute; 
     top:0; 
     right:0; 
     width:30px; 
     height:30px; 
     background-image:url(../styles/play.png); 
     background-size:100% 100%; 
     border:1px solid black; 
    } 
    .close { 
     background-image:url(../styles/pause.png); 
    } 
    #toggleDiv{ 
     position:relative ; 
     display:inline-block; 
     border:1px solid #ccc; 
     height:200px; 
     width:400px; 
    } 
</style> 
<div id="toggleDiv" class="up"> 
    <div class="view"></div> 
</div>