點擊按鈕后鏈接無效

Question

我在div“ integel1”中使用了內容按鈕的開關。 聯系人鏈接（javascript）id =“ link” class =“ link2”，有效，但在我單擊按鈕“ knop3”后無法使用。 它需要向下或向上滾動，但是在我單擊按鈕之后，它根本不起作用。 有人知道這是為什么嗎？

 //This is the function when clicking the link: $(function() { "use strict"; $('.link2').on('click', function() { $('html,body').animate({ scrollTop: $(".footer").offset().top * 0.976 }, 850); }); }); //And this is the code for switching between different content: $('#knop3').on('click', function() { if ($('#5').css('display') != 'none') { $('#6').html($('#static2').html()).show().siblings('div').hide(); } else if ($('#6').css('display') != 'none') { $('#5').show().siblings('div').hide(); } }); $('#knop3').click(function() { var $this = $(this); $this.toggleClass('SeeMore2'); if ($this.hasClass('SeeMore2')) { $this.text('Minder info!'); } else { $this.text('Meer info!'); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="integel1"> <button id="knop3">Meer info!</button> <div id="5" style="border: none; outline: none;"> <p id="titelchange" style="text-align: center;">CMS Website</p> <p class="prijsinfo"> &#10004; &emsp;Uniek ontwerp responsive. </p> <p class="prijsinfo"> &#10004; &emsp;Inclusief (wordpress) CMS. </p> <p class="prijsinfo"> &#10004; &emsp;Te bereiken voor alle vragen <a id="link" class="link2" href="javascript:;">contact</a>.</p> <p class="prijsinfo"> &#10004; &emsp;Vele plugin's kunnen geïnstalleerd worden.</p> <p style="margin-top:5vmax;" class="prijs"> *Prijs vanaf 179,99 euro,-</p> </div> <div id="6" style="display: none; outline: none; border: none;"></div> <div id="static2" style="display: none;"> <p class="prijsinfo">Een <b>CMS website</b> staat voor Content Management System: u kunt zelf makkelijk vanaf thuis de inhoud van uw website veranderen. Dit word ook gemaakt met een unieke vormgeving en helemaal responsive voor mobiel en tablet. Het is door het systeem makkelijk om pagina's aan te maken, maar ook tekst, foto's en filmpjes. Het is daarom handig om voor dit pakket te kiezen als u zelf veel inhoud wilt aanpassen.<br> <br> Wees niet gevreesd over de complexiteit, het werkt ongeveer alsof u in een tekstverwerker werkt. Het is heel eenvoudig en als u vragen heeft kunt u altijd <a id="link" class="link2" href="javascript:;">contact</a> met ons opnemen. <br> <br> </p> <p class="prijs">*Prijs CMS website vanaf 179,99 euro,-</p> </div> </div> <div class='footer'></div> 

感謝幫助

Answer 1

它不起作用，因為，很可能您缺少頁腳。

 ...

</div>
</div>
<div class='footer'></div>

而且您缺少帶有link2類的html元素。 不知道您是要使用id還是將類放在按鈕上。 但是我通過一個可行的例子為您制作了一個jsfiddle 。

<button class="link2" id="knop3">Meer info!</button>

只需將其放置在末尾或您想要的頁腳位置即可。