2012-08-30 54 views
-1

我的HTML代碼鏈接無效?

<div id="starimg"> 
    <a href="#" class="imgstar" onclick="ratingFunc()"><img src="images/star1.png" class="star" /></a> 
    <a href="#" class="imgstar" onclick="ratingFunc()"><img src="images/star1.png" class="star" /></a> 
    <a href="#" class="imgstar" onclick="ratingFunc()"><img src="images/star1.png" class="star"/></a> 
    <a href="#" class="imgdarkstar" onclick="ratingApp()"><img src="images/star2.png" class="star1"/></a> 
    <a href="#" class="imgdarkstar" onclick="ratingApp()"><img src="images/star2.png" class="star1" /</a> 
</div> 

我的Java腳本代碼是

function ratingFunc(){ 
    if($('.star').attr("src")=='images/star1.png'){ 
     $(this).replaceWith("<img src='images/star2.png' class="star1"/>"); 
     starcheck=true; 
    } 
    else{ 
     $(this).replaceWith("<img src='images/star1.png' class="star"/>"); 
     starcheck=false; 
    } 
} 

function ratingApp(){ 
    if($('.star1').attr("src")=='images/star2.png'){ 
     $(this).replaceWith("<img src='images/star1.png' class="star"/>"); 
     starcheck=true; 
    } 
    else{ 
     $(this).replaceWith("<img src='images/star2.png' class"star1"/>"); 
     starcheck=false; 
    } 
} 

,當我點擊圖像,然後這些功能都沒有working..please幫助我。 在此先感謝。

+0

'$(this)'這裏沒有太大意義,你是否指向函數本身?改用'$('a.star')'來代替。 – Vishal

+0

你究竟在做什麼? – cspolton

回答

1

您的功能不知道這$(this)是什麼意思。 這樣做,但那不是你在找什麼:)

與第一功能$(".star")和 替換$(this)$(".star1")在其他功能替換$(this)

它會正常工作。

+0

這意味着我選擇了哪個鏈接,並且當我點擊link.i時,我將另一個圖像替換爲另一個圖像。我只想知道如何在點擊鏈接時調用該功能。 –

+0

好吧,我只是想知道this.not任何其他事情..謝謝! –

-1

starcheck變量有什麼用?

我可以看到你的鏈接同時有兩個類:我不知道這是幫助。你應該爲了使用一個以上的類的單個元素與分離單個空格你的類名:

<a href="#" class="imgstar star" onclick="ratingFunc()"><img src="images/star1.png"/></a> 

欲瞭解更多信息,check W3C HTML standards

+1

但是,'class =「star」'是'img'標籤的屬性,而不是'a'標籤。 – cspolton

+0

確實。對不起這是我的錯! – Gummy

+0

我真的想改變圖像點擊鏈接多數民衆贊成,爲什麼我已經採取了兩個班。我用這表明,我選擇特定圖像,我想調用函數上點擊particuar鏈接。但是當我點擊在鏈接功能不呼叫。我想知道如何調用該功能點擊鏈接,以便它可以工作。 –