无法让我的 <a> 标签在 GitHub 网页中工作（但在 Codepen 上工作正常）

Question

我创建了一个随机报价生成器网页作为 freecodecamp 课程的一部分，现在正在将文件上传到 github，以便它们可以作为自己的网页托管在那里。该页面在 codepen 中工作正常，但是当我将页面上传到 github 时 'buttons' 不起作用。我不知道为什么。对于此问题的任何反馈和见解，我将不胜感激！（我对一般的网络开发和编码还很陌生，所以如果这是一个 stupid/simple 错误，我提前道歉）谢谢！

我也不确定为什么 github 版本的字体这么小：/

Codepen 上的页面 - https://codepen.io/armte312/pen/Qrvyjr

github 网页 - https://armte.github.io/quotegen.github.io/

github 回购 - https://github.com/armte/quotegen.github.io

有问题的代码：

<div class="button-row" id="button-row">
                <a class="button tweet-quote" href="#" id="tweet-quote"><i class="fab fa-twitter-square"></i></a>
                <a class="button new-quote-btn" href="#" id="new-quote-btn">New Quote</a>
            </div><!--End of button-row !-->

我尝试使用 z-index 属性，因为我不确定是否有其他元素可能是 'in front of' a 标签，但这似乎不起作用。还尝试了 bootstrap 的更新版本，但这似乎也不重要。

'new quote' 按钮（一个标签）应该对鼠标悬停在其上方以及当它被点击时做出反应，但它既不...

Answer 1

您的 jquery 设置为

<script type="text/javascript" src="jquery-3.3.1.js"></script>

虽然您的 github 存储库中没有该文件名。请改用此代码

<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>

删除重复项

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
<html lang="en">

无法让我的 <a> 标签在 GitHub 网页中工作（但在 Codepen 上工作正常）

Can't get my <a> tags to work in GitHub webpage (but works fine on Codepen)

html

tags

github

hyperlink

codepen