jQuery：按鈕切換沒有按預期運行

-1

我剛剛在學習jQuery，想知道是否有可能讓我的代碼有效的方法？當我點擊綠色按鈕時，它不顯示第二個表格行。我能做些什麼來避免將來出現這種錯誤？我願意接受任何幫助！謝謝，麻煩您了。jQuery：按鈕切換沒有按預期運行

的jQuery：

$(document).ready(function() { 
    $("button").click(function() { 
     $(".row2").show(); 
    }); 
});

HTML：

<table> 
    <tr class="row1"> 
     <td> 
      <p>This is where the text in the boxes will go!</p> 
     </td> 
     <td> 
      <p>This is where the text in the boxes will go!</p> 
     </td> 
     <td> 
      <p>This is where the text in the boxes will go!</p> 
     </td> 
     <tr class="row2"> 
      <td> 
       <p>This is where the text in the boxes will go!</p> 
      </td> 
      <td> 
       <p>This is where the text in the boxes will go!</p> 
      </td> 
      <td> 
       <p>This is where the text in the boxes will go!</p> 
      </td> 
     </tr> 
</table> 
<a class="greenbuttontext" href="#"><button class="showmorebutton">Show9 more concepts</button></a>

CSS：

/*styles for green showmore button*/ 
.showmorebutton { 
    height: 33px; 
    border: solid #628b06 1px; 
    border-radius: 5px; 
    width: 200px; 
    margin-left: 600px; 
    margin-bottom: 25px; 
    text-align: center; 
    background-color: #99cd00; 
    color: white; 
    vertical-align: center; 
    line-height: 33px; 
} 

.greenbuttontext { 
    text-decoration: none; 
} 

/*row2 disappear*/ 
.row2 { 
    display:none; 
}

來源

2014-07-02 user3795395

工作正常http://jsfiddle.net/uk3E3/9/。可能你沒有在你的代碼中引用jquery –

控制檯中的任何錯誤？你至少正確地包括jQuery？ –

我最終一起去除了錨標籤，它工作。謝謝！ – user3795395

你的html無效。內部在標籤

<a class="greenbuttontext" href="#"><button class="showmorebutton">Show 
      9 more concepts</button></a>

變化到

<a class="greenbuttontext" href="#"></a> 
<button class="showmorebutton">Show 
      9 more concepts</button>

注按鈕：一個標記是內聯塊元素。

來源

2014-07-02 12:57:28

謝謝！這工作100％！我最終一起擺脫了錨標籤。 – user3795395

不要在<a />標籤包裹<button />？點擊事件可能會在錨點上而不是按鈕上觸發。

來源

2014-07-02 12:57:16 hnafar

jQuery：按鈕切換沒有按預期運行

回答

相關問題