jQuery UI选项卡会替换选项卡式显示中的部分文件名

Question

我使用的是jQuery和Joomla。因为我需要使用jQuery.noConlict()由于使用了其他javascript库，所以我使用jQuery而不是$

我有一组标签。我正在使用jQuery UI。我正在使用淡入淡出通过不透明度切换，和旋转(都很好用)

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

标签页具有典型的结构(即ul > li > a > img....</ul><div><the tab's content></div>)

(请不要询问或建议我将图像更改为背景图像。我必须以这种方式保持结构)

使用下面的代码，我试图添加到img的文件名，但它不起作用。当警报被触发时，我会继续读取旧文件名，当然，我还会看到旧图像

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

                        var image = jQuery(ui.tab).children();

                        image.attr("src").replace(".png","-active.png");

                        var liContent = image.attr("src");

                        alert(liContent);

                        }

    );

Answer 1

应该是这样的：

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);    
});