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)
})

Answer 2

将其包装在文档就绪中，代码执行时元素必须在那里（假设你已经将类.simple_form隐藏了）

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

Jquery似乎无法定位模态

2 个答案: