2012-12-19 66 views
0

解釋。我的網站上有jQuery UI標籤。現在我從之前的開發人員那裏獲得了這個職位,他們在單個頁面上有100個標籤,顯然他沒有意識到你只需要做一次。那麼現在我需要更新這些100個選項卡來包含圖像而不是單詞文本。如何讓一個jQuery腳本不能生效另一個jQuery腳本

嘗試1是用css來完成它。在它上面放一個背景,文本indent -9999px但文本根本沒有移動。

嘗試2是寫一個腳本appendTo我們想要的按鈕的新圖像。作品中的jsfiddle但不能在現場......這怎麼可能,你不能使用jquery..http改變的jQuery創建了一句://jsfiddle.net/cornelas/hnYQf/1/「/

var prevImage = "http://www.pflivedevelopment.com/custom/images/prev.png"; 
    var nextImage = "http://www.pflivedevelopment.com/custom/images/next.png"; 
    $(".demo .mover").contents().filter(function() {return this.nodeType === 3; 
    }).remove(); 
    $('<img src=" ' + prevImage + '"/>').appendTo("a.prev-tab"); 
    $('<img src=" ' + nextImage + '"/>').appendTo("a.next-tab"); 

嘗試3 -...手工更改.....天的工作....特別是使用CMS ...有關如何有效更改一個jqueryUI代碼使用另一個jquery的任何建議腳本?

+0

這似乎應該很容易與CSS做。你可以發佈你嘗試使用的CSS嗎? – Samsquanch

+0

嘗試將其從'text-indent'更改爲'margin-left:-9999px;' –

回答

0

這聽起來像這樣的可以而且應該用CSS來實現,但你可能漏掉了一個重要的一點。對於text-indent到正常運行的元素不能被設置爲inline,這a的是由默認。

這是一個工作小提琴的鏈接文本替換圖像通過CSS:http://jsfiddle.net/crMhU/

+0

............................. ..Dang ....只是意識到這一點....它很有效果。 – Cam