Jquery ui jQuery UI选项卡替换选项卡Show上的部分文件名

我正在使用jQuery和Joomla。Sinca我需要使用jQuery.noConlict（）由于使用了其他javascript库，我使用jQuery而不是$

我有一套标签。我正在使用jQueryUI。我正在通过不透明度切换使用淡出淡出淡出淡出和旋转（一切正常）

我想更改img标记的文件名，它是选项卡中锚定标记的子项

---

选项卡具有典型的结构（即

ul>li>a>img…它应该是这样的：

jQuery( "#tabs" ).bind('tabsshow', function(event, ui){

   var image = jQuery(ui.tab).children();    
   image.attr("src",image.attr("src").replace(".png","-active.png"));    
   var liContent = image.attr("src");    
   alert(liContent);    
 });

或者像这样：

jQuery( "#tabs" ).bind('tabsshow', function(event, ui){
   var image = jQuery(ui.tab).children();    
   var liContent = image.attr("src").replace(".png","-active.png");    
   alert(liContent);    
});

谢谢你，这已经奏效了。但是，现在我看到图像文件继续添加-active，你对当选项卡不再处于活动状态时如何将-active.png替换为.png有什么建议吗（在jQuery UI术语中，它不再具有活动的类UI选项卡）
jQuery( "#tabs" ).bind('tabsshow', function(event, ui){
   var image = jQuery(ui.tab).children();    
   var liContent = image.attr("src").replace(".png","-active.png");    
   alert(liContent);    
});