jQuery的只有射擊最後一節課多級點擊

-1

<a href="#internalLink1" class="classA">This has Class A</a> 
<a href="#internalLink2" class="classB">This has Class B</a> 
<a href="#internalLink3" class="classA classB">This has Class A and Class B</a>

而這裏的相應的jQuery：

$('.classA').click(function(){ 
// do class A stuff 
}); 

$('.classB').click(function(){ 
// do class B stuff 
});

目前，當我點擊第一個與A類鏈接，它就像它應該的類A的東西。同樣，當我點擊與B類的第二個鏈接時，它會按照它應該做的B類東西。不用擔心。

我的問題是，當我點擊與BOTH類的第三個鏈接時，它只會觸發最後一個類出現的功能（在本例中爲B類）。如果我在末尾放置類A，它會執行類A的功能）。我想讓它同時射擊。我究竟做錯了什麼？

在此先感謝。

編輯：對於那些張貼小提琴，幾乎所有人都工作，所以很多人說，這很可能不是我的代碼，但它顯示在我的文件中的方式。爲了更清楚一點，我自學了一些jQuery，並決定嘗試製作（非常）簡單的「選擇你自己的冒險」類型的遊戲。

來源

2013-10-30 kehrin

做工精細這裏http://jsfiddle.net/j08691/bUGyA/ – j08691

對不起，是生硬的，但沒有事實並非如此。這裏還有其他的東西，可能是兩個正在運行的函數的衝突。 – Archer

我的猜測是你有一個邏輯問題觸發兩個點擊處理程序。登錄到兩個控制檯，你會看到他們都火 – charlietfl

我在這裏沒有看到任何問題。在這裏看到JSBin的帖子。

http://jsbin.com/IHUkesa/2/edit?html,js,output

來源

2013-10-30 15:09:52 Bikas

那麼，這確實是書面的，但這基本上是第三個事件（「這有A類和B類」）。我不想單獨說「這裏有A班和B班」，我想要兩個單獨的活動，「這裏有A班」和「這裏有班B」。思考？ – kehrin

他們是兩個不同的事件，它只是說了不同的東西，因爲這就是鏈接所說的。這兩個函數都會提醒鏈接文本。當您點擊兩個班級的鏈接時，您會收到兩個相同的警報 – RyanS

TLDR，只需更改警報以說「這是班級」。 – RyanS

嘗試......

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script> 

    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('.classA').click(function() { 
       alert("classA"); 
      }); 
      $('.classB').click(function() { 
       alert("classB"); 
      }); 
     }); 
    </script> 

</head> 
<body> 
    <form id="form1" runat="server"> 
    <a href="#internalLink1" class="classA">This has Class A</a> 
<a href="#internalLink2" class="classB">This has Class B</a> 
<a href="#internalLink3" class="classA classB">This has Class A and Class B</a> 
    </form> 
</body> 
</html>

來源

2013-10-30 15:29:54

與OP發佈的內容有什麼不同？ – j08691

我測試過這一個...，它在IE 10中工作正常 –

我已經綁定頁面加載事件...使用$（document）.ready（function（）{... –

jQuery的只有射擊最後一節課多級點擊

回答

相關問題