Question

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

我有一组标签。我正在使用jQuery UI。我通过不透明度切换和旋转（所有工作正常）

使用fadein fadeout

我想更改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);    
});

jQuery UI选项卡替换tabsshow上的部分文件名

1 个答案: