javascript - Jquery 似乎无法定位模态的内容

Question

我希望在模态内的表单中附加一些内容，因此创建了:

$('.simple_form').append("<p><a href='google.com'>Apply now</a></p>");

但是，这似乎不起作用 - 上面的 HTML 没有附加，我没有在控制台中看到任何错误。

我可以在页面上做其他事情 - 将文本附加到其他任何地方，而不是模态的一部分。

该站点使用 Near Me 平台，示例站点如下:https://desksnear.me/

我只是想影响当您单击右上角的“登录”时出现的模式。

谁知道为什么这不起作用以及我可以做些什么来回到正轨？

Answer 1

我认为每次单击“登录”按钮时都会重新创建模态框。所以 .simple_form 更改在可见之前就被覆盖了。

如果您无法利用打开模式时发生的事件并且其中的所有内容都已初始化，则此问题没有理想的解决方案。我建议使用一个时间间隔来重复检查模式是否可见(在一定的时间内，以防出现故障)，然后在该点插入您的 HTML 代码。

$('.nav-link.header-second').click(function() {
  var token = setInterval(function(modal) {
    if (modal.hasClass('visible')) {
      $('.simple_form').append("<p><a href='google.com'>Apply now</a></p>")
      clearInterval(token)
    }
  }, 10, $('.modal-content'))

  // set a limit on the interval in case of failure
  setTimeout(clearInterval, 2000, token)
})