表情符号模式弹出窗口可在localhost上运行，但不能在服务器端

问题描述

我使用Bootstrap在VS Code中构建了一个网站，并使用Bootstrap模态在HTML中编码了表情符号，以便在单击图标后弹出表情符号。在我的本地主机上查看时，一切看起来都很不错，并且运行良好。但是，当我将文件上传到InMotion Hostings服务器时，模态不再起作用，并且现在不显示用于访问模态的图标。但是，当我将鼠标悬停在图标应该是鼠标的区域上时，鼠标会响应但什么也没有发生。 InMotion试图将其归咎于我使用的变量，即使该变量在过去一周中一直在他们的服务器上起作用，而在今天停止了工作。几天前，我确实向.htaccess文件中添加了编码以删除每个页面的扩展名，并且确实将对索引页面的引用更改为“ /”，因此索引不会在主页上一次显示。这是我用于模式弹出窗口的编码： ...

<!-- Emoji Navbar First -->
<a class="navbar bg-primary sticky-top emoji" href="#emoji" role="button"
    data-toggle="collapse"></a>

<!-- Emoji Navbar Second -->
<a class="navbar bg-primary sticky-top emoji" href="#emoji" role="button"
data-toggle="collapse"><i class="fas fa-upload"></i></a>

<div class="collapse" id="emoji">
    <div class="container">
        <div class="row">
            <div class="col-sm-6 col-md-3"><img src="img/emoji/panda.gif" alt="" 
                class="w-100"></div>
            <div class="col-sm-6 col-md-3"><img src="img/emoji/poo.gif" alt="" 
                class="w-100"></div>
            <div class="col-sm-6 col-md-3"><img src="img/emoji/unicorn.gif" alt="" class="w-    
               100"></div>
            <div class="col-sm-6 col-md-3"><img src="img/emoji/chicken.gif" alt="" class="w-
               100"></div>
        </div>
    </div>
</div>

<!-- Modal Popup -->
<div class="modal fade" id="modal1">
    <div class="modal-dialog">
        <img src="img/emoji/unicorn.gif" alt="" class="w-100">
    </div>
</div>

<div class="modal fade" id="modal2">
    <div class="modal-dialog">
        <img src="img/emoji/poo.gif" alt="" class="w-100">
    </div>
</div>

...

有人知道为什么我的托管服务器未呈现此代码吗？我真的希望有人回应，因为我在这个问题上完全陷入困境。任何帮助表示赞赏。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）