为什么我不能单击任何按钮？

Question

我不明白为什么会这样，我似乎无法单击我制作的菜单。

我对电子学有点陌生，但是似乎当我添加自己的HTML脚本（例如在Web视图中）时，它可以工作，但是随后当我添加TSharedRef<IHttpRequest> HttpRequest = FHttpModule::Get().CreateRequest(); LoginUserRequests.Add(&HttpRequest.Get(), FPendingLoginUser(LocalUserNum, AccessToken)); FString FinalURL = MeURL.Replace(TEXT("`token"), *AccessToken, ESearchCase::IgnoreCase); if (InProfileFields.Num() > 0) { FinalURL += FString::Printf(TEXT("&fields=%s"), *FString::Join(InProfileFields, TEXT(","))); } HttpRequest->OnProcessRequestComplete().BindRaw(this, &FOnlineIdentityUEtopia::MeUser_HttpRequestComplete, InCompletionDelegate); HttpRequest->SetURL(FinalURL); HttpRequest->SetHeader(TEXT("Content-Type"), TEXT("application/json")); HttpRequest->SetVerb(TEXT("GET")); HttpRequest->ProcessRequest(); 或<script>>或仅添加通常，按钮或单击任何按钮均无效。我说的是右上角的菜单栏。请提供一些帮助，以使您对这头老旧的秃鹰有所了解。 [这里是30秒演示的链接] [1]，如果我在说什么。

我已经尝试了几乎所有方法，从剥离不需要的内容到CSS仍然没有任何效果。我正在尝试使用

使其适用于我的电子应用程序

我的electronicjs在这里

<link

和我的HTML文件在这里

<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css'>
    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css'>
    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.4.1/css/mdb.min.css'>
    <link rel="stylesheet" href="../assets/css/style.css">
                <!--Navbar -->
                <nav class="mb-4 navbar navbar-expand-lg navbar-dark unique-color-dark">
                    <a class="navbar-brand" href="#"><img src="https://mdbootstrap.com/img/logo/mdb-transparent.png" height="30" alt=""></a>
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent-4" aria-controls="navbarSupportedContent-4" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="collapse navbar-collapse" id="navbarSupportedContent-4">
                        <ul class="navbar-nav ml-auto">
                            <li class="nav-item active">
                                <a class="nav-link" href="#"><i class="fa fa-heart"></i> Follow <span class="sr-only">(current)</span></a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="#"><i class="fa fa-thumbs-up"></i> Collaboration</a>
                            </li>
                            <li class="nav-item dropdown">
                                <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink-4" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-newspaper-o"></i> Media </a>
                                <div class="dropdown-menu dropdown-menu-right dropdown-cyan" aria-labelledby="navbarDropdownMenuLink-4">
                                    <a class="dropdown-item" href="#">Facebook</a>
                                    <a class="dropdown-item" href="#">Instagram</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </nav>
                <!--/.Navbar -->
    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
    <script src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js'></script>
    <script src='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js'></script>
    <script src='https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.4.1/js/mdb.min.js'></script>
    <webview src ="https://mdbootstrap.com/products/jquery-ui-kit/" style ="width:100%; height:100%;"></webview>

    <script type = "text/javascript">
      // Event handlers for loading events.
      // Use these to handle loading screens, transitions, etc
      onload = () => {
         const webview = document.getElementById('foo')
         const indicator = document.querySelector('.indicator')

         const loadstart = () => {
            indicator.innerText = 'loading...'
         }

         const loadstop = () => {
            indicator.innerText = ''
         }

         webview.addEventListener('did-start-loading', loadstart)
         webview.addEventListener('did-stop-loading', loadstop)
      }

我尝试过的任何方法似乎都没有效果，而且似乎在其他应用程序上，我也尝试过像普通网页一样使用HTML来创建。 这是一段20秒的视频，详细显示了https://www.dropbox.com/s/l1fc2tl1hwh1n84/7SKe69ttq4.mp4?dl=0