无法得到我的 tags to work in GitHub webpage (but works fine on Codepen)

问题描述 投票:0回答:1

我创建了一个随机引用生成器网页作为freecodecamp课程的一部分,我现在将文件上传到github,以便它们可以作为自己的网页托管在那里。该页面在codepen中工作正常但是当我将页面上传到github时,“按钮”不起作用。我无法弄清楚为什么。我将不胜感激任何关于这个问题的反馈和见解! (我对网络开发和编码很新,所以如果这是一个愚蠢/简单的错误我提前道歉)谢谢!

我也不确定为什么github版本的字体大小如此之小:/

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

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

github repo - 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属性,因为我不确定是否有一些其他元素可能在'a'前面,但这似乎不起作用。还尝试了更新版本的bootstrap,但这似乎也没关系。

“新引号”按钮(标签)应该对悬停在它上方的光标做出反应,当它被点击时却不会......

html github hyperlink tags codepen
1个回答
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">
© www.soinside.com 2019 - 2024. All rights reserved.