分类导航

程序问答发布时间：2022-06-01 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了javascript 加载 javascript 然后渲染 header，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决javascript 加载 javascript 然后渲染 header？

开发过程中遇到javascript 加载 javascript 然后渲染 header的问题如何解决？下面主要结合日常开发的经验，给出你关于javascript 加载 javascript 然后渲染 header的解决方法建议，希望对你解决javascript 加载 javascript 然后渲染 header有所启发或帮助；

我有 2 个 HTML 标签，其中有 2 个地址。取决于您在哪个国家/地区，我希望 JavaScript 显示地址。我已经找到了用于地理定位的 API。

然而，DOM 正在下载，在它下载之后，Js 脚本会运行，从而显示您在图片中看到的内容。几秒钟后，正确的地址显示.. 显然我不希望 DOM 被延迟，但我需要正确的地址来显示。如果我在 20 个 div 元素中有 20 个地址，您会看到这有多不愉快

我需要根据 IP 地址显示一个地址；

有谁知道如何修复我的 Js 代码

我的 Js 行可能有问题

$(document).ready(function () {

$(document).ready(function() {
  $.get("https://geo.ipify.org/API/v1?APIKey=APIKey",function(data) {
    $(".region").each(function() {
      if ($(this).text() != data.LOCATIOn.region) {
        console.log(data.LOCATIOn.region);
        $(this).closest(".m-s-a").hIDe();
      }
      if ($(this)[0].INNERHTML != data.LOCATIOn.region) {
        //  console.log($(this)[0]);
        $(this).closest(".section-cards").hIDe();
      }
    });

  });
});

<script src="https://cdnjs.cloudFlare.com/AJAX/libs/jquery/3.3.1/jquery.min.Js"></script>
<header th:fragment="header(content)">
  <div class="top-header m-s-a">
    <div class="site-LOCATIOn">
      <div class="site-LOCATIOn_address">
        <a ID="LOCATIOn-tx" href="https://www.Google.com/maps/place/10939+cash,+Dallas,+TX+75247/@32.8059125,-96.8849565,16z?hl=en" class="site-LOCATIOn-link" target="_blank">
          <span>4908 Cash</span>
          <span>Dallas,&nbsp;</span><span class="region">Texas</span>
          <span>&nbsp;75247</span>
        </a>
        <a class="site-LOCATIOn-tel" href="tel:(214)&nbsp;802-9284">(214) 802-1902</a>
      </div>
    </div>
  </div>

  <div class="top-header m-s-a">
    <div class="site-LOCATIOn">
      <div class="site-LOCATIOn_address">
        <a ID="LOCATIOn-mi" href="https://www.Google.com/maps/place/1216+Southbound+Gratiot+Ave,+Mt+Clemens,+MI+48043/@42.5818175,-82.8853717,17z?hl=en" class="site-LOCATIOn-link" target="_blank">
          <span>1216 Southbound Gratiot Ave,&nbsp;</span>
          <span>Mt. Clemens,&nbsp;</span><span class="region">Michigan</span>
          <span>&nbsp;48043</span>
        </a>
        <a class="site-LOCATIOn-tel" href="tel:(586)&nbsp;738-6223">(586) 738-6223</a>
      </div>
    </div>

  </div>

  <nav th:insert="fragments/nav.HTML :: nav"></nav>
  <th:block th:replace="${Content}" />
</header>