2011-06-07 51 views
0

我正在使用jQuery和Joomla。 Sinca我需要使用jQuery.noConlict()由於使用其他JavaScript庫,我使用jQuery而不是$jQuery UI選項卡替換tabsshow上的部分文件名

我有一組選項卡。我正在使用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); 

         } 

    ); 

回答

0

它應該是這樣的:

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

謝謝你這個工作。然而,現在我的圖像文件繼續添加-active你有任何關於如何將-active.png替換爲.png的建議,當選項卡不再活動時(在jQuery UI中,它不再具有類ui -tabs活性) – IberoMedia 2011-06-07 01:59:53